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
查看版本