使用nvm管理多版本Node并在vsCode运行

在开发中,有时候对node的版本有要求,有时候需要切换到指定的node版本来重现问题等。遇到这种需求的时候,我们需要能够灵活的切换node版本。
这里我们使用nvm(node version manage node 版本控制器)工具来管理多版本node。

第一步:下载nvm

github上下载最新版本https://github.com/coreybutler/nvm-windows/releases

在这里插入图片描述 nvm-noinstall.zip 是绿色免安装版本,但是使用之前需要配置(推荐)
nvm-setup.zip: 这是一个安装包,下载之后点击安装,无需配置就可以使用,很方便。
Source code(zip):zip压缩的源码
Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统

第二步:安装nvm

我这里以nvm-noinstall.zip 安装为例,下载完成后解压 C:\dev\nvm ,里面的文件列表如下
在这里插入图片描述第一步:双击 install.cmd 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径” 先不用管它,直接回车,成功后,会在C盘的根目录生成一个settings.txt的文本文件,把这个文件剪切到C:\dev\nvm目录中,然后我们把它的内容修改成这样:
在这里插入图片描述
root:代表的是nvm.exe运行文件所在的路径
path: 代表nodejs快捷方式所在的路径(在window版本下,node的版本切换依靠的是改变nodejs快捷方式的指向,通过指向不同的node 版本,达到切换node 版本的)
arch:配置为当前操作系统的位数(32/64)
剩下的两条分别指的淘宝的node 和npm 的镜像文件URL,由于国内被墙的原因,有可能会导致下载失败,因此直接使用淘宝镜像下载。

第三步:配置环境变量

window+r 输入sysdm.cpl 快捷方式打开系统属性面板,在高级里面找到环境变量,或者在我的电脑右击属性——》高级系统设置——》高级-——》环境变量
在这里插入图片描述
在环境变量里新建用户变量
在这里插入图片描述
第一个:NVM_HOME = 当前nvm.exe所在目录

在这里插入图片描述第二个:NVM_SYMLINK = node快捷方式所在的目录

在这里插入图片描述
第三个:最后再path里添加;%NVM_HOME%;NVM_SYMLINK;

配置完环境变量后,通过window+r打开cmd 通过set 命令查看环境变量是否配置成功
在这里插入图片描述在这里插入图片描述在这里插入图片描述
如果能查到路径,说明环境变量已经配置成功,接下来在cmd输入nvm 查看nvm详细信息,如果出现详细信息,所以已经安装成功,但是在window10 可能会出现
‘nvm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。这是cmd的问题,我们可以打开window+r输入powershell打开powershell,powershell可以看作是cmd 的升级版
在这里插入图片描述### 第四部:切换node版本

通过nvm ls 命令可以查看已经安装的版本。

nvm ls

在这里插入图片描述

nvm use 版本号 使用指定版本的nodejs

在这里插入图片描述nvm use 表示下载并使用某个版本的node,如果成功,会在c:dev
中生成一个nodejs快捷方式,里面指向的是c:dev/nvm里的node版本文件
在这里插入图片描述在这里插入图片描述第五步:查看node 和npm版本(下载node之后会自动下载npm)

在这里插入图片描述如果只出现node,未出现npm,说明npm未下载成功,或者都没有出现,说明可能是下载的路径无法访问,在setting.txt 更换npm的下载路径即可,一般淘宝的镜像都是能够下载的

第六步,在vsCode允许node 环境

1、在用户变量里path添加一条环境变量:C:\Users \用户名\AppData\Roaming\npm;
在这里插入图片描述
2、在vsCode 扩展中搜索Terminal安装
在这里插入图片描述安装好后右击 open integrated terminal 打开控制台即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值