在Windows下安装Node.js及环境配置

在Windows下安装Node.js及环境配置

最近又开始捡回来了以前学过的webpack，在进行webpack的使用时，首先我们要先保证自己的电脑有安装好node.js并配置好了环境。现在就记录一下自己安装及配置node.js的过程，以备后期查阅； 
重要说明一下，这篇文章不是自己原创，只是在原文的基础上修改一下，因为现在的版本已经升级了，原文地址：https://www.cnblogs.com/zhouyu2017/p/6485265.html 
首先在官网上下载好node.js: https://nodejs.org/en/download/ 
直接点击就能下载到； 

然后直接点击自己下载好的文件安装，一直Next就好；以下就安装流程：

勾选复选框，点击【Next】按钮

修改好自己要安装的目录后，点击【Next】按钮

安装完后点击【Finish】按钮完成安装

至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置 
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

输入： node -v // 显示node.js的版本说明 
输入： npm -v // 显示npm的版本，说明node有自带安装好了

进入自己的安装目录下就能够看到如下图所示，忽略上面的两项，接下来会有说明：

接下来就是配置node.js的环境了: 
这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。 
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开cmd命令窗口，输入 
npm config set prefix “D:\nodeJs\node_global” 
npm config set cache “D:\nodeJs\node_cache” 
注意：命令与路径是存在空格的

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\nodeJs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\nodeJs\node_global】

这是系统变量的： 

这是用户变量的：

配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口， 
输入如下命令进行模块的全局安装： 
npm install express -g # -g是全局安装的意思

安装完成后可以进入自己刚才设置的全局文件夹下，D:\nodeJs\node_global\node_modules\express 
就能看到：

至此说明我们的环境是有配置好了的