天天看点

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

在开发中,有时候对node的版本有要求,有时候需要切换到指定的node版本来重现问题等。遇到这种需求的时候,我们需要能够灵活的切换node版本。

这里我们使用

nvm

(node version manage node 版本控制器)工具来管理多版本node。

第一步:下载nvm

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

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

nvm-noinstall.zip 是绿色免安装版本,但是使用之前需要配置(推荐)

nvm-setup.zip: 这是一个安装包,下载之后点击安装,无需配置就可以使用,很方便。

Source code(zip):zip压缩的源码

Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统

第二步:安装nvm

我这里以nvm-noinstall.zip 安装为例,下载完成后解压 C:\dev\nvm ,里面的文件列表如下

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

第一步:双击 install.cmd 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径” 先不用管它,直接回车,成功后,会在C盘的根目录生成一个settings.txt的文本文件,把这个文件剪切到C:\dev\nvm目录中,然后我们把它的内容修改成这样:

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

root:代表的是nvm.exe运行文件所在的路径

path: 代表nodejs快捷方式所在的路径(在window版本下,node的版本切换依靠的是改变nodejs快捷方式的指向,通过指向不同的node 版本,达到切换node 版本的)

arch:配置为当前操作系统的位数(32/64)

剩下的两条分别指的淘宝的node 和npm 的镜像文件URL,由于国内被墙的原因,有可能会导致下载失败,因此直接使用淘宝镜像下载。

第三步:配置环境变量

window+r 输入sysdm.cpl 快捷方式打开系统属性面板,在高级里面找到环境变量,或者在我的电脑右击属性——》高级系统设置——》高级-——》环境变量

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

在环境变量里新建用户变量

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

第一个:NVM_HOME = 当前nvm.exe所在目录

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

第二个:NVM_SYMLINK = node快捷方式所在的目录

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

第三个:最后再path里添加;%NVM_HOME%;NVM_SYMLINK;

配置完环境变量后,通过window+r打开cmd 通过set 命令查看环境变量是否配置成功

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

如果能查到路径,说明环境变量已经配置成功,接下来在cmd输入nvm 查看nvm详细信息,如果出现详细信息,所以已经安装成功,但是在window10 可能会出现

‘nvm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。这是cmd的问题,我们可以打开window+r输入powershell打开powershell,powershell可以看作是cmd 的升级版

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

### 第四部:切换node版本

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

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

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

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

nvm use 表示下载并使用某个版本的node,如果成功,会在c:dev

中生成一个nodejs快捷方式,里面指向的是c:dev/nvm里的node版本文件

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

第五步:查看node 和npm版本(下载node之后会自动下载npm)

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

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

第六步,在vsCode允许node 环境

1、在用户变量里path添加一条环境变量:C:\Users \用户名\AppData\Roaming\npm;

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

2、在vsCode 扩展中搜索Terminal安装

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

安装好后右击 open integrated terminal 打开控制台即可