可视化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相关问题。
上一篇: 【Java】已解决:org.springframework.web.HttpRequestMethodNotSupportedException
下一篇: Nuxt.js 应用中的 app:mounted 钩子详解
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。