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

下载

在节点官方下载时应注意一下Node.js的带有的NPM包管理器的版本，如果后面要用NPM搭建Vue的环境，需要这个版本大于3.8。 

安装

 
路径可以自己设定，不必使用默认。  保持默认安装。  一路接下来，直到安装完成。  现在测试安装是否成功，安装因为已经时选择了自动添加到环境变量，打开CMD：
 

 

 
Add to PATH

C:\Users\Administrator>node -v
v8.11.3

C:\Users\Administrator>npm -v
5.6.0

出现如上的版本号即安装成功。

配置全局模块和缓存路径

如果不手动配置，在用NPM安装全局模块（-g或--global）以及缓存的路径都会出在Ç盘下，所以还是手动配置一下。

按照网上各种教程的习惯，在节点的安装目录下新建这两个文件夹，这样方便以后的路径使用和查找：  在CMD用命令配置一下：
 

npm config set prefix "E:\MyProgram\Node\node_global"

npm config set cache "E:\MyProgram\Node\node_cache"

配置环境变量

为了模块复用（各类教程上这样说，但我不理解其对复用有什么作用），在系统-变量中添加NODE_PATH，值为其Node安装目录\node_global\node_modules状语从句：Node安装目录：

E:\MyProgram\Node\node_global\node_modules;E:\MyProgram\Node

•  

关于NODE_PATH到底应该配置在哪，网上有很多种说法，我现在还不理解其作用，没法做出判断，暂时配置在这（结合了两种说法）。

用户在变量的Path中，可以看到类似

C:\Users\Administrator\AppData\Roaming\npm

• 的路径，这是Node.js的在安装时设定的现将这部分（可能只有这一部分）修改成：

%NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

• 即完成了环境变量的配置。

安装CNPM

因为使用NPM安装时是从国外安装，速度比较慢，可以安装一个淘宝的CNPM为全局模块，则以后要使用NPM命令安装时可以使用CNPM代替。

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 1

 
查看一下CNPM版本：  出现这样的信息说明CNPM安装成功。
 

升级NPM到最高版本

使用npm install -g npm即可。

C:\Users\Administrator>npm install -g npm
E:\MyProgram\Node\node_global\npx -> E:\MyProgram\Node\node_global\node_modules\
npm\bin\npx-cli.js
E:\MyProgram\Node\node_global\npm -> E:\MyProgram\Node\node_global\node_modules\
npm\bin\npm-cli.js
+ npm@6.1.0
added 682 packages in 105.888s

现在再查看一下故宫的版本：

C:\Users\Administrator>npm -v
6.1.0

是在安装完成之后，发现执行cnpm -v检查是否安装cnpm成功时报错：不是内部或外部命令，具体解决办法如下: 

 

安装淘宝镜像：

要安装Angular4。于是我对着一股浓郁口音的视频开启了Angular4安装之旅。那口音说了，ang哥乐4不是那么好装的，由于我国的墙，所以我们要通过淘宝的镜像去安装。

于是先安装淘宝镜像，cnpm。这个百度一大堆。

<span style="color:#000000"><code>npm install -g cnpm --registry=https://registry<span style="color:#009900">.npm</span><span style="color:#009900">.taobao</span><span style="color:#009900">.org</span></code></span>

安装完了之后检查是否安装成功。

<span style="color:#000000"><code>cnpm -v</code></span>

若果出现以下东西说明安装成功。

<span style="color:#000000"><code>C:<span style="color:#009900">\Users</span><span style="color:#009900">\WenCh</span>> cnpm -v

cnpm@5.1.1 (F:<span style="color:#009900">\Live</span><span style="color:#009900">\NODE</span><span style="color:#009900">\node</span>_global<span style="color:#009900">\node</span>_modules<span style="color:#009900">\cnpm</span><span style="color:#009900">\lib</span><span style="color:#009900">\parse</span>_argv.js)
npm@5.6.0 (F:<span style="color:#009900">\Live</span><span style="color:#009900">\NODE</span><span style="color:#009900">\node</span>_global<span style="color:#009900">\node</span>_modules<span style="color:#009900">\cnpm</span><span style="color:#009900">\node</span>_modules<span style="color:#009900">\npm</span><span style="color:#009900">\lib</span><span style="color:#009900">\npm</span>.js)
node@8.9.1 (F:<span style="color:#009900">\Live</span><span style="color:#009900">\NODE</span><span style="color:#009900">\node</span>.exe)
npminstall@3.2.1 (F:<span style="color:#009900">\Live</span><span style="color:#009900">\NODE</span><span style="color:#009900">\node</span>_global<span style="color:#009900">\node</span>_modules<span style="color:#009900">\cnpm</span><span style="color:#009900">\node</span>_modules<span style="color:#009900">\npminstall</span><span style="color:#009900">\lib</span><span style="color:#009900">\index</span>.js)
prefix=F:<span style="color:#009900">\Live</span><span style="color:#009900">\NODE</span><span style="color:#009900">\node</span>_global
win32 x64 10.0.16299
registry=http://registry.npm.taobao.org</code></span>

但是我出现的是，cnpm不是外部命令。

解决cnpm不是外部命令：

百度了一大堆。都是改目录或者改c盘下的npm的配置文件。

于是就想，出现这个结果是cnpm的路径没有被识别造成的。

于是cd到cnpm的路径中。（因为我之前安装npm的时候，配置过node_modules和node_cache。所以我就下意识的去nodejs的目录下去找。）

然后在这个路径下找到了：

就是安装nodejs路径下的，node_global文件夹。

我们可以看到，这个cnpm和npm一样，有.cmd等等文件。cd到这个路径下运行cmd命令 cnpm -v之后，运行成功。

那么也就是说，之前直接输入cnpm -v 报的cnpm不是外部命令，原因是系统找不到cnpm的可执行文件。那也就是说自己给cnpm配个环境变量就好了。

右键电脑，属性，高级设置，环境变量，系统变量中的path里，最后加上这段话：

<span style="color:#000000"><code>你的cnpm.cmd所在的路径再加上英文版的分号。<span style="color:#880000">//这行文字其实是博客的代码格式，看，还有注释</span></code></span>

我的电脑中是这个：

<span style="color:#000000"><code>D:<span style="color:#009900">\NodeJs</span><span style="color:#009900">\node</span>_global;</code></span>

就好了。

然后退出重新打开cmd。输入cnpm-v。搞定。注意，配置了环境变量之后要重新打开cmd啊。