安装nvm，实现node版本自由切换

小鱼儿心语：不想认命，就去拼命。我始终相信，付出就会有收获，或大或小，或迟或早，始终不会辜负你的努力。有一种落差是，你总是羡慕别人的成功，自己却不敢开始。

最近使用vue3.0+vite+element-plus+ts开发一个项目，之前的node版本不匹配，需要安装nvm来对node版本进行随时切换，以保证之前vue2.0项目可以正常运行。

一、安装nvm

1、下载nvm

nvm安装.png

解压后点击exe文件进行安装：

nvm安装第一步.png
2、点击下一步安装到 D:\NVM 下
nvm安装第二步.png
3、先在D:\NVM 下创建nodejs文件夹，然后将路径设置如下：
nvm安装第三步.png
4、点击next 一直点击 完成安装；
5、找到指定nvm打开后：
setting.png

• 给该文件添加这两行命令:

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

settingtxt.png
6、环境变量配置：

• 1、点击计算机

• 2、右击点击属性

• 3、选择高级系统设置

  
  高级系统设置.png

• 4.点击环境变量

• 5.查看环境变量是否配置（默认nvm安装成功后，自动生成）：

• 6、需与如下配置（保持一致）：
  

  nvm环境变量配置.png
  7、验证nvm安装：

• 打开cmd，输入nvm -v

  
  nvm安装成功.png

二、安装node

1、通过nvm安装node

nvm install node版本号 // 安装对应版本的node
nvm ls // 用于查看已安装的node版本列表
nvm use node版本号 // 切换到对应版本的nodejs
如：
nvm install 16.0.0 // 安装16.0.0版本的nodejs
nvm use 16.0.0 // 使用16.0.0版本的nodejs

查看node版本号的网址：https://nodejs.org/en/download/releases/

node版本安装.png
2、node环境变量配置

• 1、首先在NVM的安装目录新建两个文件夹node_global和node_cache

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

npm config set prefix "D:\NVM\node_global"
npm config set cache "D:\NVM\node_cache"

• 3、接下来设置电脑环境变量，右键“我的电脑”=》属性=》高级系统设置=》环境变量 进入以下环境变量对话框：
  （1）先设置用户变量
  用户变量配置.png
  注意：【用户变量】中的path变量，%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。
  （2）再设置系统变量 --- Path变量的设置和用户变量中一致
  系统变量配置.png
• 4、在【系统变量】新建环境变量 NODE_PATH，值为D:\NVM\nvm\node_global\node_modules，其中D:\NVM\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹，具体的路径根据自身情况修改
  系统变量新建配置.png
• 5、所有设置完点击确定，即配置完成。
  经过以上操作之后，不论是vue3.0还是vue2.0，只需要使用nvm use node版本号即可切换node版本，项目都可以顺利运行！
  大家有什么困扰可以留言给我哦~