什么是Node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript
运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

Node.js 官方网站:https://nodejs.org/en/

一、下载


官方下载地址:https://nodejs.org/zh-cn/download/

node js 安装yarn node.js的安装_node js 安装yarn


二、安装


一直点击next就行了

node js 安装yarn node.js的安装_版本号_02

选择安装位置

node js 安装yarn node.js的安装_node js 安装yarn_03

添加node.js到系统环境变量

node js 安装yarn node.js的安装_版本号_04

安装完成

node js 安装yarn node.js的安装_版本号_05

结束

node js 安装yarn node.js的安装_版本号_06

安装位置目录

node js 安装yarn node.js的安装_版本号_07


三、测试


在Windows运行cmd命令:
node -v:查看node.js版本号;
npm -v:查看npm版本号;

node js 安装yarn node.js的安装_node js 安装yarn_08


四、修改全局依赖包下载路径


默认情况下,我们在执行npm install -g XXXX下载全局包时,这个包的默认存放路径位C:\Users\用户名\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看

$ npm root -g
C:\Users\Bealei\AppData\Roaming\npm\node_modules

但是有时候我们不想让全局包放在这里,我们可以自定义存放目录,在cmd窗口执行以下两条命令修改默认路径:

$ npm config set prefix "D:\code\npm\node_modules"
$ npm config set cache "D:\Code\npm\node_cache"



五、配置path环境


因为我们修改了全局包的下载路径,那么自然而然,我们下载的全局包就会存放在 D:\Code\npm\node_modules,而其对应的 cmd 指令会存放在 D:\Code\npm

我全局安装一个vue-cli脚手架:

$ npm install @vue/cli -g

我使用 CMD 命令 vue create myproject 指令创建一个项目,显示如下:

$ vue create myproject
'vue' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

这是因为我们在执行指令时,它会默认在node安装根目录下查找指令文件,在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹,在这里就是@vue文件夹,因为我们修改了全局包的存放路径,所以自然找不到了。

所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了。

node js 安装yarn node.js的安装_node js 安装yarn_09

再次测试一下,就成功啦

$ vue create myproject
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n)