如何安装多个版本Node之NVM

nvm

最近准备开始学习vite，发现最低需要18+版本的node，奈何手上有些旧项目无法使用高版本node，所以出现了使用多版本node的需求，所以search了一下教程，这边只是一个自己的记录。

一、nvm下载

前往github下载 nvm安装包

下载后解压双击nvm-setup.exe安装即可。
这里插个内容，如果发现自己进不去github，可以尝试修改本机hosts文件：
1、在cmd中输入 ping github.com 得到IP

2、在本机路径中 C:\Windows\System32\drivers\etc 找到hosts文件，添加代码 20.205.243.166 github.com
3、刷新缓存：打开命令行输入 ipconfig /flushdns
现在进入github就比较迅速了。
下载了nvm-setup.zip后记得把hosts文件还原，否则访问其他网站会被影响。

二、node安装

首先在cmd中输入 nvm 命令，确保nvm安装成功

记住自己的nvm安装路径，如果需要更换为淘宝镜像的，要修改nvm安装路径下的settings.txt文件，添加如下两行代码

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

然后打开cmd，用命令 npm install 版本号 安装指定版本node，我这边安装了老版本12.22.12和新版本20.10.0

至此，多版本node安装完成，通过 nvm use 版本号 切换当前要使用的node版本
nvm常用命令：

# 显示当前所使用的nvm版本号
nvm -v

# 查看可在线安装的node.js版本
nvm list available

# 查看已安装的node.js版本
nvm ls

# 显示当前正在使用的node.js版本
nvm current

# 在线安装指定版本的node.js，[version]为指定的版本号
nvm install [version]

# 卸载指定版本的node.js
nvm uninstall [version]

# 切换node.js版本
nvm use [version] 

三、vue多版本安装

如果有同时使用vue2和vue3开发不同项目的场景，就需要安装两个版本vue
1、在自己想要的目录下新建两个文件夹用于安装不同版本vue

2、vue2安装，在cmd中进入vue2路径，用命令 npm install vue-cli@2.9.6 安装相应版本vue

3、vue3安装，在cmd中进入vue3路径，用命令 npm install @vue/cli 直接安装最新vue3

4、修改名称
由于vue2和vue3在安装时，都是vue，系统无法区分，所以将vue2安装目录下的node_modules下的.bin目录下的vue和vue.cmd修改为vue2和vue2.cmd，同样修改vue3的安装文件


5、配置环境变量，使其全局可用
在系统环境变量中新增vue2和vue3，具体如下：


在path变量中添加vue2和vue3:

至此多版本vue安装成功，通过在cmd中输入 vue2 --version 和 vue3 --version 查看版本