Node.js安装及配置环境与卸载教程（最新版，超详细，保姆级）

Posted 2021-12-28 ·菠萝皮~

Node.js 的安装和配置环境（最新版，超详细，保姆级）安装配置教程

1.去node.js的官网下载对应的安装包

下载官网： http://nodejs.cn/download/
版本选择： ① .msi版本是Windows 安装包，长期稳定维护版 （这里我们选择这个版本介绍） ②.zip是压缩包形式，解压即可，不用需要安装

2.运行安装包进入安装界面

2.1 第一步next ->
2.2 接收协议next ->

2.3 进入安装路径设置自己的安装位置 next-> (这里提一句，随着后续项目的扩大，需要安装的包会越来越多，建议是不要装在C盘)

2.4 安装node相关的配置默认 next->

2.5 这一步必须把这个勾号取消， 不取消会从外网下载其他的配置，网速会很慢. next->

2.6 点击install 开始安装 next->

2.7 安装完毕

3. 安装成功后打开cmd输入指令查看是否成功

1. 检查node 的环境变量是否配置好,出现版本号及为成功

node -v

2. 查看npm是否安装成功，现在新版的会自动附带安装 npm，旧版本则需自己下载

npm -v

4.配置全局模块安装路径

主要目的：①改变安装NodeJS依赖的下载位置，方便日后管理 ②以及配置缓存Cache的路径。
系统默认配置是在 C:\\Users\\用户名\\AppData\\Roaming\\npm
第一步找到你下载nodejs的位置，创建红框勾选的2个文件夹 node_cachel 和node_global

1.将下载库设置为你刚才创建的node_global文件夹
无响应就是最好的相应

npm config set prefix "D:\\MySoftware\\nodejs\\node_global"

2.将缓存库设置为你刚才创建的node_cachel文件夹
无响应就是最好的相应

npm config set cache "D:\\MySoftware\\nodejs\\node_cache"

3.配置国内镜像
如果不配置，那就是通过国外网站下载，可能一天都导不了一个包，这里我们用国内的淘宝镜像
查看修改淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看上述三个步骤是否配置成功

npm config list

被我画上蓝色的是我的用户名，不用理会，关注红框内的即可，说明是已经配置成功了

4.配置电脑环境
开始之前我先做3点总结：
Ⅰ. 用户变量 …\\node_global
Ⅱ.环境变量NODE_PATH配成 …\\node_global\\node_modules(和Ⅰ一样，只是多了一级子目录)，记得path中增加%NODE_PATH%
Ⅲ.path中配置nodejs的安装目录，…\\nodejs\\，注意和Ⅰ、Ⅱ可能不是同一个目录
下面我们开始：
① 左下角搜索框直接搜索 高级，点击打开。也可以右击桌面上我的电脑，然后点击属性，再点击右边的高级系统设置

②点击环境变量

③点击新建

④ 这里做一下解释，明明刚刚创建的node_global是空的，变量值的路径最后为什么要到node_moudles，因为后续你只要下载第一个包，它会自动在node_global创建一个node_moudles，所以这里路径要到node_moudles

⑤ 点击新建， 加上 %NODE_PATH% (必须) ，然后将系统默认的C:\\Users\\用户名\\AppData\\Roaming\\npm 更改为你npm对应的路径，可以与我不同，根据你直接的路径更改

点击确定，确定，确定

5.测试

我们打开dos窗口，执行以下命令，下载一个express模块 （有些朋友下载会报错，那就在系统搜索框内搜索cmd，然后右击以管理员身份运行）

npm install express -g      # -g  是全局安装的意思

以下是添加包成功，用时2秒（就是下载成功了）

打开你的node_global下面的node_moudules就会出现以下箭头所指文件夹

完结留言：

到此为止就彻底大功告成了，如果有朋友某个步骤出了小问题，回头重新修改即可。也可以在通过系统卸载，从新再来，如果要卸载需要将已经配置的系统环境全部删除，然后将以下文件夹删除干净(在查看中点击查看隐藏文件夹AppData就会出现)

C:\\Program Files (x86)\\Nodejs
C:\\Program Files\\Nodejs
C:\\UsersUser\\AppData\\Roaming\\npm（或%appdata%\\npm）
C:\\UsersUser\\AppData\\Roaming\\npm-cache（或%appdata%\\npm-cache）