当前位置:首页 » 《资源分享》 » 正文

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

4 人参与  2024年09月23日 08:41  分类 : 《资源分享》  评论

点击全文阅读


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软件

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

在这里插入图片描述
默认安装就好。
在这里插入图片描述
点击完成,此时先不要对软件任何操作,配置完环境变量再操作
在这里插入图片描述

配置环境变量

安装了nvm-desktop后,可以在C盘找到对应.nvmd/bin下面有node和npm相关文件
在这里插入图片描述
新增环境变量NVMD_DIR
在这里插入图片描述
配置系统变量的Path
在这里插入图片描述

设置和下载node对应版本

打开nvm-desktop软件,点击右上角设置,设置安装目录,统一管理node版本。
在这里插入图片描述
挑个常用的node版本,点击下载,下载完成后点击应用,当做为默认版本
在这里插入图片描述

查看安装的默认node版本;
# 运行 cmd,可查看系统的默认版本node -vnpm -v

在这里插入图片描述

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

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

npm config set prefix "D:\1HxrWorking\nvm-desktop\node_global"npm config set cache "D:\1HxrWorking\nvm-desktop\node_cache"# 查看缓存路径npm config get prefix

在这里插入图片描述

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

# 注意:一定在 %NVMD_DIR%\bin 前面D:\1HxrWorking\nvm-desktop\node_global

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

全局安装yarn

在 nvm-desktop文件 新建: yarn_cache、yarn_global

# 安装yarn 和查看版本npm install yarn -gyarn -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相关问题。
在这里插入图片描述


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/163256.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1