NVM安装与配置超详细教程

目录

一、NVM简介

二、NVM安装

2.1 下载

​编辑2.2 安装

2.3 测试

三、NVM使用

3.1 设置

3.2 使用

四、NVM常用命令

五、node环境变量配置

六、卸载nvm 

---

一、NVM简介

在项目开发过程中，使用到vue框架技术，需要安装node下载项目依赖，但经常会遇到node版本不匹配而导致无法正常下载，重新安装node却又很麻烦。为解决以上问题，nvm：一款node的版本管理工具，能够管理node的安装和使用，使用简单，可下载指定node版本和切换使用不同版本，方便了node的使用。

二、NVM安装

2.1 下载

安装包下载地址：Releases · coreybutler/nvm-windows (github.com)Releases · coreybutler/nvm-windows (github.com)

windows系统下载nvm-setup.zip安装包  (本电脑win11举例)Releases · coreybutler/nvm-windows (github.com)

• vm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置
• nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。
• Source code(zip)：zip压缩的源码
• Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统

我们需要的就是：（无法下载的小伙伴，可以私信我发包呦！）

2.2 安装

解压zip包，双击nvm-setup.exe开始安装（安装之前最好卸载计算机已经安装的node）

一路next即可，在意盘符的小伙伴，可以自定义选择nvm安装根路径和指定nodejs的安装路径

  避坑提示：安装目录的路径，千万千万千万，别带空格。例如：Program Files   中间有空格的导致后期使用切换的时候报错，并乱码。

 

2.3 测试

win+r cmd 打开命令窗口 输入nvm -v 可查看版本,即安装成功

三、NVM使用

3.1 设置

设置下载源，修改setting.txt

在安装根路径下编辑setting.txt

添加以下两行镜像地址

​
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

​

3.2 使用

1.nvm list available // 显示可以安装的所有node.js的版本

2.这里我安装了2个版本，2个前端项目一个需要16版本以上的，一个12版本的。命令：nvm install +版本号

 

3.nvm list //查看已安装的node.js

4.nvm use 16.13.1 // 切换到使用指定的nodejs版本

四、NVM常用命令

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版

五、node环境变量配置

1.首先在node.js的安装目录新建两个文件夹node_global和node_cache

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

npm config set prefix "D:\otherInstall\nodejs\node_global"
npm config set cache "D:\otherInstall\nodejs\node_cache"

 3.修改npm默认镜像源为淘宝镜像

修改npm镜像源为淘宝镜像，加快npm包的下载速度，减少发生连接错误和超时的概率

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

检查是否设置淘宝镜像成功（会返回这个地址表示成功：https://registry.npm.taobao.org） 

npm config get registry
 

3.接下来设置电脑环境变量，右键“我的电脑”=>属性=>高级系统设置=>环境变量 进入以下环境变量对话框。

安装完nvm后，电脑会自动帮我们配置2个变量：

 在【系统变量】新建环境变量 NODE_PATH 值为 D:\otherInstall\nodejs\node_global\node_modules

4.测试安装全局模块 

测试是否环境变量是否配置成功，在cmd窗口中输入以下指定全局安装express模块，安装成功的话表示环境变量配置成功。

npm install -g express
 

 

六、卸载nvm 

问题：

本来之前用的好好的nvm  ，在某一天在用nvm use XX  命令切换node.js版本的时候，突然报错了。：exit status 1: 'D:\Program' �����ڲ����ⲿ���Ҳ���ǿ����еij���
���������ļ���

一脸懵逼的查询原因，发现是：D:\Program Files    这个文件夹，带了一个空格。啊。。。。真是坑啊，无奈只能卸载重新安装。（上文在重新安装过程中，已经重点提示过，不能带空格）

卸载：

控制面板 -> 卸载程序 -> 卸载nvm
为了确保彻底删除node，看下node安装目录中还有没有node文件夹，有的话一起删除。
删除以下文件夹（如果存在的话）
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache
删除C:\Users\用户名 下的 .npmrc文件以及 .yarnrc 文件
环境变量中npm、node的所有相关统统删掉