NodeJs 的安装及配置环境变量

注意：以下涉及到在cmd终端中的配置:
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份开启 cmd 窗口
以管理员身份打开方式如下：
出现此面板后，直接 按住 Shift + Ctrl + Enter ，就会弹出是否以管理员身份打开终端的确认弹窗，点击按钮 是，就可以了

一、Node.js 下载与安装

下载

1. 在 Node官网 上，下载对应的安装包
   
   这里下载的是 64位window系统 的安装文件 node-v14.15.3-x64

安装

1. 点击安装文件，开始安装 node.js
   

2. 点击 Next (下一步)

   初次安装
   
   已安装NodeJs，再次安装
   

3. 勾选同意选项(I accept the terms …)，并点击 Next (下一步)
   

4. 选择node.js的安装目录，这里选择安装在E盘
   

5. 接着一直点击 Next (下一步) 到下面的界面
   

6. 点击 Install (安装)
   

7. 点击 Finish，完成安装
   

8. 使用 window + R 快捷键，启动 cmd命令行 验证 node.js 是否安装成功
   
   出现以上情况，即表示安装成功

二、Node.js环境变量配置

• 在上面已经完成了 node.js 的安装，即使不进行此步骤的环境变量配置也不影响node.js的使用

• 但是，若不进行环境变量配置，那么在使用命令安装 node.js全局模块 （如：npm install -g vue）时，会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm) 中

• 因此，需要配置 全局安装模块 node_global 以及 缓存目录 node_cache 的环境变量；

1. 在node.js的安装目录中，新建两个文件夹 node_global 和 node_cache，分别用来存放安装的全局模块和全局缓存信息
   

2. 创建完两个文件夹后，在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径）：

     # 设置全局模块安装路径
     npm config set prefix "E:\leading\NodeJs\info\node_global"
     # 设置全局缓存存放路径
     npm config set cache "E:\leading\NodeJs\info\node_cache"
   

   命令执行，效果如图：

3. 设置电脑环境变量，环境变量界面打开顺序：右键 “我的电脑”=》属性=》高级系统设置=》环境变量 ，具体实行过程，请看下图：
   

4. 进入环境变量对话框，在【系统变量】中新建环境变量 NODE_PATH，值为 E:\leading\NodeJs\info\node_global\node_modules，其中 E:\leading\NodeJs\info\node_global 是新创建的全局模块安装路径
   

5. 修改【用户变量】中的 path 变量，将 C:\Users\86135\AppData\Roaming\npm 修改为E:\leading\NodeJs\info\node_global

   修改前
   
   修改后
   

6. 点击确定后，配置完成。

7. 测试是否配置成功，在 cmd 窗口中输入以下指令 全局安装Vue模块

     npm install -g vue # -g 表示全局安装
   

   执行效果，如图所示：
   vue 模块安装目录，如图所示：
   
   可以看出，node.js环境变量配置成功。

8. 至此，node.js安装和环境变量配置全部完成。

注意

配置完，一定要重启，否则不生效

配置完，一定要重启，否则不生效

配置完，一定要重启，否则不生效

三、国内镜像网站配置

配置国内镜像，解决模块安装缓慢或者失败的问题。

一般配置 淘宝npm镜像

直接切换

1. 在 cmd 命令行中，通过命令配置淘宝镜像

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

2. 使用淘宝镜像下载模块，即，将 npm 替换成 cnpm 即可

     cnpm install # module_name
   

切换工具

上述切换镜像的方式比较麻烦。这里推荐一款切换镜像的工具：nrm

1. 使用 npm 全局安装 nrm

     npm install nrm -g
   

   执行命令，效果如下：
   
2. 通过 nrm ls 命令，查看npm的仓库列表，带 * 的就是当前选中的镜像仓库：

     nrm ls
   

   执行命令，效果如下：
   
3. 通过 nrm use taobao 来指定要使用的镜像源：

     nrm use taobao
   

   执行命令，效果如下：
   
4. 最后，通过 nrm test npm 来测试速度：

     nrm test npm
   

   执行命令，效果如下：