可视化nvm管理node版本nvm-desktop（window安装）

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版本，点击下载，下载完成后点击应用，当做为默认版本

6. 查看安装的默认node版本；

# 运行 cmd，可查看系统的默认版本
node -v
npm -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 -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相关问题。