如何安装多个版本Node之NVM

2023-12-05

nvm

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

一、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的安装文件
vue2修改
vue3修改
5、配置环境变量,使其全局可用
在系统环境变量中新增vue2和vue3,具体如下:
在这里插入图片描述
在这里插入图片描述
在path变量中添加vue2和vue3:
在这里插入图片描述
至此多版本vue安装成功,通过在cmd中输入 vue2 --version vue3 --version 查看版本
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何安装多个版本Node之NVM 的相关文章

随机推荐