目录

  • 1. 简介
  • 2. 下载
  • 3. 安装
  • 4. 功能介绍
  • 4.1 主页面介绍
  • 4.2 设置介绍
  • 4.1.1 检查更新
  • 4.1.2 主题颜色
  • 4.1.3 提示
  • 4.1.4 配置导入导出
  • 4.1.5 基础设置
  • 4.3 已安装界面介绍
  • 4.4 项目界面介绍
  • 4.5 分组
  • 5. MacOS提示应用已损坏问题
  • 6. 打开后不显示NodeJS版本列表


1. 简介

  • 有了这个工具,你再也不用去设置哪些繁琐的配置了。所有的配置、镜像源、安装位置等等等,都可以可视化操作。有手就行!!!
  • 而且你可以为某个项目单独设置一个NodeJS版本,且不影响全局NodeJS版本和其他项目版本。比如你接手了一个古老的项目,他的Node版本很低,你就可以使用这个功能。

nvm-desktop 是一个以可视化界面操作方式管理多个 Node 版本的桌面应用,使用 Electron 构建(支持 Macos 和
Windows 系统)。通过该应用,您可以快速安装和使用不同版本的 Node。

完美支持为不同的项目单独设置和切换 Node 版本,不依赖操作系统的任何特定功能和 shell。

nvm-desktop 是1111mp大佬所开发的!吃水勿忘挖井人!

2. 下载

下载地址:https://pan.quark.cn/s/541f4d8e29ef

分析node_modules可视化_node版本管理工具

3. 安装

这里安装教程以Window为例,其他系统更简单。有手就行的。

分析node_modules可视化_node版本管理工具_02


分析node_modules可视化_nvm_03


分析node_modules可视化_分析node_modules可视化_04


安装完成后打开:

分析node_modules可视化_nvm_05

4. 功能介绍

4.1 主页面介绍

  • 在主页面会显示当前镜像地址下所有你当前系统所支持安装的NodeJS版本。
  • 分析node_modules可视化_node版本管理工具_06

  • 这里可以检索你需要的版本
  • 分析node_modules可视化_nvm_07

  • 这里可以检索状态
  • 分析node_modules可视化_nvm-desktop_08

  • 这里可以显示列表显示的内容、刷新页面、和更新镜像地址的数据
  • 分析node_modules可视化_nvm-desktop_09

  • 这里可以安装你需要的版本

分析node_modules可视化_nvm_10

4.2 设置介绍

分析node_modules可视化_node版本管理工具_11

4.1.1 检查更新

第一个按钮是检查更新,后续如有版本更新可直接点击此按钮

分析node_modules可视化_nvm_12

4.1.2 主题颜色

第二个按钮是主题颜色设置,点击此按钮可设置软件主题颜色。

分析node_modules可视化_node.js_13

4.1.3 提示

第三个按钮是帮助提示,第一次运行此软件时,会进行漫游式引导。可在这里设置开启漫游式引导。

分析node_modules可视化_nvm-desktop_14

4.1.4 配置导入导出

第四个按钮是软件设置以及一些配置的导入导出的功能项。我们可以将配置导出然后导入到另外一台电脑。

分析node_modules可视化_nvm-desktop_15

4.1.5 基础设置

最后一个按钮是基础设置,在这里可以设置软件语言、主题是否跟随系统、关闭时的操作、NodeJS的安装目录、NodeJS镜像地址。

分析node_modules可视化_node版本管理工具_16

4.3 已安装界面介绍

这里会显示你已经安装了的NodeJS版本:

分析node_modules可视化_node.js_17

在你需要全局应用的版本上,点击 更多,点击 应用 ,即可设置全局的NodeJS版本。

分析node_modules可视化_node版本管理工具_18


应用后可以打开终端进行验证:

分析node_modules可视化_nvm-desktop_19

当不需要某个版本的NodeJS了,也可以点击 卸载

分析node_modules可视化_nvm-desktop_20

4.4 项目界面介绍

在这里你可以为某些项目单独的设置一个Node版本。

使用场景,比如你接手了一个很古老的项目,你就可以在这里位这个项目单独设置它所支持的Node版本。

分析node_modules可视化_nvm-desktop_21

首先点击 添加项目,将需要单独设置的项目目录添加进来,最后给这个项目分配一个版本即可。

分析node_modules可视化_nvm_22

4.5 分组

这个功能非常好用!!!

场景如下:
比如你a、b、c三个项目使用的Node版本是16.19.0
先把所有项目都添加到nvm-desktop,然后 创建分组,在项目的下拉框中选中a、b、c,起个名字即可,这样你的三个项目都是16.19.0了。

非常好用!!!

分析node_modules可视化_node.js_23

5. MacOS提示应用已损坏问题

比如类似这种:

分析node_modules可视化_分析node_modules可视化_24

请看我的类似解决这种问题的文章:

6. 打开后不显示NodeJS版本列表

这个是因为镜像地址无法访问造成的,我们只需要在设置里切换一下镜像地址即可。

直接换成国内镜像源即可:https://npmmirror.com/mirrors/node

分析node_modules可视化_node版本管理工具_25