项目指定Node版本神器 - nvm-desktop

669 阅读3分钟

轻松上手 nvm-desktop:Node 版本管理好帮手

在项目开发的进程中,我们常常会面临这样一个情况:不同的项目往往需要使用不同的 node 版本。虽说我们可以选择安装 nvm 工具,可每次在开发之前,都得手动执行 nvm use 命令来切换版本,这一操作着实有些繁琐。那有没有一种工具,能够让我们省略这个麻烦的步骤呢?答案就在下面。

一、安装前准备:卸载原有 nvm 或 Node 版本

在安装 nvm-desktop 之前,请务必将电脑上原本的 nvm 或者其他 Node 版本卸载干净。具体卸载方式取决于你当初的安装方法:

  • exe 安装的:可以到卸载面板直接双击卸载。
  • 通过 git 或者下载文件夹安装的:直接删除安装文件夹。

完成上述操作后,记得检查一下环境变量,看看是否还有指向这些已卸载版本的变量,如果有,将其删除。

二、获取 nvm-desktop

nvm-desktop 的下载链接为:github.com/1111mp/nvm-…
下载页面可参考下图(windows安装包为例):

image.png

三、安装完成后的设置

(一)指定环境变量

1. 获取家目录

使用命令 echo %USERPROFILE% 获取用户主目录。执行该命令后,可以查看得到的家目录下是否存在 .nvmd 文件夹,一般情况下是有的,可参考下图:

echo %USERPROFILE%
# 然后会得到如下
D:\Users\WXXXX

文件夹输入此地址,看看是否有.nvmd目录

image.png

2. 设置环境变量

复制家目录地址(例如:D:\Users\WXXXX\.nvmd),然后按照以下步骤设置环境变量(如图):

image.png

image.png

(二)设置中文以及 Node 镜像

image.png

注意事项!!!:镜像地址按照下图设置,这样在安装 Node 的时候速度会快很多,也就是选择https://npmmirror.com/mirrors/node

image.png

四、安装 Node 版本与指定项目 Node 版本

(一)安装 Node 版本

image.png

image.png

image.png

(二)项目指定 Node 版本

添加目录来为项目指定 Node 版本,这样就不用担心在项目中用错 Node 版本啦。操作步骤可参考以下图片:

image.png

nvm.gif

五、常见问题及解决方法

(一)安装后未成功且已安装列表看不到

如果遇到安装了却没有成功,已安装列表也看不到的情况(如下图):

image.png 解决方法:删除对应的目录,然后重新安装即可,参考下图:

image.png

(二)安装过程中报错 “error decoding xxxxxx”

如果在安装过程中报错 “error decoding xxxxxx”,解决方法是切换镜像,可参考下图:

image.png

(三)vscode 报错:无法将 “node” 项识别为 cmdlet、函数、脚本文件或可运行程序的名称

如果在 vscode 中遇到报错:无法将 “node” 项识别为 cmdlet、函数、脚本文件或可运行程序的名称(如下图):

image.png 解决方法:重启电脑。一般来说,第一次安装 nvm-desktop 后,需要重启电脑使其生效。


希望这篇详细的指南能帮助你顺利使用 nvm-desktop 进行 Node 版本管理和指定项目的Node版本,让你的开发工作更加顺畅。(如有错误麻烦指正,谢谢)