Node.js 14.15 安装配置教程

1. 进入Node.js官网进行下载，网址：https://nodejs.org/en/download/
   因为是国外的网站，所以可能网站加载缓慢。部分浏览器可能禁用此网站上的某些控件，所以如下的过程如果发现网站上缺失某些界面选项，可以试试换个浏览器。
   具体操作流程如图（请顺着图片用鼠标点击画红圈部分）：

2. 下载完并运行安装包就可以进行安装了，关键性操作流程如图（请顺着图片用鼠标点击画红圈部分）：
   （注意：安装时的安装路径中不能有空格。不要使用默认的安装路径，因为默认的安装路径中含 Program Files ，而 Program Files 包含空格。）

3. 安装完成之后，应该会弹出若干个CMD或Shell窗体。对于这些窗体，直接一直按ENTER即可，这是为了下载一些配置文件等。此下载过程缓慢，请耐心等待。

4. 如果Node.js安装成功，在CMD中分别输入以下命令应该可以分别查看node和npm的版本号：

node -v
npm -v

5. 配置npm在安装全局模块时的路径和缓存cache的路径。此步骤并不是必要的，如果不跳过此步骤，以后使用全局命令的时候，会默认将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 npm 和 npm-cache 中，这将对以后配置路径和开发都带来麻烦。因此还是强烈建议不要跳过此步骤。

6. 配置npm在安装全局模块时的路径和缓存cache的路径的方法是，在自己喜欢的目录下，分别新建文件夹 node_global 和 node_cache 来分别代表安装全局模块的文件夹和缓存cache的文件夹，并在CMD中输入以下命令来配置：

npm config set prefix "C:\ProgramFilesNoSpaces\nodejs\node_global"
npm config set cache "C:\ProgramFilesNoSpaces\nodejs\node_cache"

7. 设置Windows中的环境变量。关于设置Windows环境变量的方法，可见笔者的另一篇博客： 设置Windows环境变量的方法：https://blog.csdn.net/wangpaiblog/article/details/113532591

  （设置完环境变量之后，必须重启CMD才会在CMD中生效）

• （已过时）环境变量如下：

  • 变量名： NODE_PATH
    变量值： C:\ProgramFilesNoSpaces\nodejs\node_global\node_modules

  • 变量名： Path （此为上面文件夹的node_global路径）
    变量值： C:\ProgramFilesNoSpaces\nodejs\node_global

8. 输入以下命令来修改登记处registry地址：

npm config set registry http://registry.npm.taobao.org
   如果不进行此操作，则等同于输入了以下命令：

npm config set registry http://registry.npmjs.org

   这样的结果是，之后使用npm安装国外的插件时，可能由于访问国外互联网的限制而失败报如下错误：

rollbackFailedOptional: verb npm-session

9. 在CMD中输入以下命令来安装webpack：

npm install webpack -g

10. 在webpack 4之后，还需要再安装webpack-cli。安装webpack-cli的方法是，在CMD中输入以下命令：

npm install webpack-cli -g

11. 实际上，这两个命令npm install XXX –g可以浓缩成一个：

npm install webpack webpack-cli -g

12. 上面的命令 npm install XXX -g 会导致将 webpack 、 webpack-cli 安装到上面通过 npm config set prefix “C:\ProgramFilesNoSpaces\nodejs\node_global” 设置的文件夹 node_global 。如果上面的环境变量Path没有设置错，在CMD中输入以下命令应该可以查看 webpack 和 webpack-cli 的版本号：

webpack -v