node.js安装配置教程

一、文件下载：

打开官方网站进行下载，Download | Node.js如下图所示：

 如果想安装更早版本，鼠标往下拉,找到如下图所示位置,点击进入

二、安装 

1、双击刚才下载好得msi文件

 2、点击Run(运行)，将出现如下界面：

3、勾选接受协议选项，点击next(下一步)按钮：

4、Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录，并点击 next（下一步）：

 

 5、点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

 

 6、点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

7、 点击 Finish（完成）按钮退出安装向导

 三、环境变量配置

1、查看环境变量：wins+r，输入cmd,弹出windows命令框，输入如下命令，node -v,npm -v

 2、配置npm在安装全局模块时得路径和缓存cache得路径

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，如下图所示：

 所以这里配置自定义的全局模块安装目录，在node安装目录下新建两个文件夹 node_global和node_cache，然后在cmd命令下执行如下两个命令

npm config set prefix "E:\worktools\node\node_cache"

npm config set cache "E:\worktools\node\node_global"

 执行成功后。在环境变量->系统变量中新建一个变量名为"NODE_PATH",值为E:\worktools\node\node_modules

右键点击【此电脑】，左键选择【属性】，选择【高级系统设置】，【环境变量】

最后编辑用户环境变量Path,将相应得npm的路径改为：E:\worktools\node\node_global

 更改后的结果：

 点击确定后，则配置完成。

四、测试验证（以安装webpack为例）

1、在cmd命令下执行npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效,同时执行npm webpack -v 能成功查看到webpack的版本号

2、webpack4.0以后需要安装webpack-cli,4.0以前的版本请忽略此步骤,

输入npm install webpack webpack-cli -g --save-dev