可视化nvm管理node版本nvm-desktop(window安装)

无名指2020 2024-10-05 12:33:01 阅读 95

nvm-desktop踩坑记录

nvm-desktop安装和使用nvm-desktop安装卸载干净旧的nodejs 和nodejs的环境变量安装nvm-desktop软件配置环境变量设置和下载node对应版本设置缓存路径(必须、很重要)将缓存路径加入到环境变量(很重要)全局安装yarn其他可能出现的问题关于卸载

nvm-desktop安装和使用

记录第一次使用nvm-desktop的感受和踩坑经历

nvm-desktop安装

!!!注意:如果直接下载安装了nvm-desktop会导致原来安装的node、npm、yarm等都不可使用。所以如果考虑使用nvm-desktop管理node版本前,请看完整个文章记录说明。

卸载干净旧的nodejs 和nodejs的环境变量

最好还是先卸载干净,避免影响nvm-desktop的配置

安装nvm-desktop软件

<code>下载链接:https://github.com/1111mp/nvm-desktop/releases

在这里插入图片描述

默认安装就好。

在这里插入图片描述

点击完成,此时先不要对软件任何操作,配置完环境变量再操作

在这里插入图片描述

配置环境变量

安装了nvm-desktop后,可以在C盘找到对应.nvmd/bin下面有node和npm相关文件

在这里插入图片描述

新增环境变量NVMD_DIR

在这里插入图片描述

配置系统变量的Path

在这里插入图片描述

设置和下载node对应版本

打开nvm-desktop软件,点击右上角设置,设置安装目录,统一管理node版本。

在这里插入图片描述

挑个常用的node版本,点击下载,下载完成后点击应用,当做为默认版本

在这里插入图片描述

查看安装的默认node版本;

<code># 运行 cmd,可查看系统的默认版本

node -v

npm -v

在这里插入图片描述

设置缓存路径(必须、很重要)

在安装nvm-desktop 的文件夹下 新建文件夹 node_global 和 node_cache ,然后运行命令(根据安装路径调整)

<code>npm config set prefix "D:\1HxrWorking\nvm-desktop\node_global"

npm config set cache "D:\1HxrWorking\nvm-desktop\node_cache"

# 查看缓存路径

npm config get prefix

在这里插入图片描述

将缓存路径加入到环境变量(很重要)

<code># 注意:一定在 %NVMD_DIR%\bin 前面

D:\1HxrWorking\nvm-desktop\node_global

!!!注意:这个环境变量一定要在%NVMD_DIR%\bin前面,不然会导致其他指令无法使用。

在这里插入图片描述

全局安装yarn

nvm-desktop文件 新建: yarn_cache、yarn_global

<code># 安装yarn 和查看版本

npm install yarn -g

yarn -v

注意:如果此时发现报错nvm-desktop: command not found: “yarn”

1、检查缓存路径:# 查看缓存路径 npm config get prefix;

2、检查D:\1HxrWorking\nvm-desktop\node_global环境变量是否在%NVMD_DIR%\bin前面;

3、如果都没问题,那先关掉cmd,重新打开,再试yarn -v是否生效(环境配置有可能没有实时生效,先关掉cmd,再打开);

4、如果以上都没生效,则卸载掉之前安装的yarn,npm uninstall yarn -g,再重新安装,确保配置和环境变量都没问题,应该就可以了。

然后配置yarn的缓存路径

# 自定义缓存路径命令:

yarn config set cache-folder "D:\1HxrWorking\nvm-desktop\yarn_cache"

# 自定义下载路径命令:

yarn config set global-folder "D:\1HxrWorking\nvm-desktop\yarn_global"

# 查看缓存路径:

yarn config get cache-folder

# 查看下载路径

yarn global bin

在这里插入图片描述

其他可能出现的问题

如果发现还有其他安装的奇葩问题,可以在github的issues里面翻,基本都能覆盖到了。

链接:https://github.com/1111mp/nvm-desktop/issues

在这里插入图片描述

关于卸载

卸载不能简单的卸载软件,这样就算重新安装了node也会报无法找到指令问题。可以翻github相关问题。

在这里插入图片描述



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。