从脚手架开始学前端 【第2期】WINDOWS安装Node.js及配置

三、Node多版本管理(NVM)

2、勾选同意协议，点击Next

3、修改安装路径，点击Next

4、Add to PATH 选择安装到本地，点击Next

5、点击Next

6、点击Install

7、出现安装进度界面和进度条，开始安装，如果要取消安装，点击Cancel即可

8、安装成功，点击Finish关闭页面，即为安装成功。测试的时候可以使用cmd（win+r然后输入cmd进入）测试下是否安装成功。

方法：在cmd下输入node -v，出现下图版本提示就是完成了NodeJS的安装。

五、npm 安装

新版的NodeJS已经集成了npm，所以npm也一并安装好了。

可以在cmd命令行输入"npm -v"来测试是否成功安装。

六、配置

1、NodeJS环境变量配置

windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“D:\Program Files\nodejs”）

2、npm配置

npm作为一个NodeJS的模块管理，需要配置模块路径、cache路径。

a.在node.js的安装根目录中新建“node_global”和"node_cache"两个文件夹。

b.使用cmd命令进行配

$ npm config set prefix "D:\Program Files\nodejs\node_global"
$ npm config set cache "D:\Program Files\nodejs\node_cache"

注意:如果不进行这一步设置，npm的全局安装包，将不会在node安装文件夹里。

3、配置环境变量

打开系统对话框，“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在系统变量下新建"NODE_PATH"，输入”D:\Program Files\nodejs\“。

点击Path - 新建

设置NODE_PATH

在系统变量下新建Path输入”%NODE_PATH%\node_global\node_modules“。（ps：这一步相当关键。）

由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下，用户变量"PATH"修改为“%NODE_PATH%\node_global\”）

注意:

如果不配置，npm install xx -g(global)（global全局安装的意思）会将安装的模块默认安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，长期会是C盘空闲变小，电脑慢慢变慢。

七、测试

全局安装svue-cli脚手架进行测试

$ npm i svue-cli -g
$ yarn global add svue-cli
$ npm install svue -g
$ yarn global add svue
$ npm i evue-cli -g
$ yarn global add evue-cli
$ npm i evue -g
$ yarn global add evue

点击下方关注我👇👇👇