Bootstrap

NodeJS最新安装和环境配置教程+版本管理(超详细)

1. 简介

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

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

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


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

2. 下载nvm-desktop

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

在这里插入图片描述

3. 安装nvm-desktop

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成后打开:

在这里插入图片描述

4. 安装NodeJS

  • 在主页面会显示当前镜像地址下所有你当前系统所支持安装的NodeJS版本。

直接点击 安装即可。

在这里插入图片描述

安装完以后 状态 那一栏会显示 已安装

在这里插入图片描述

可以在 操作 栏点击 更多 ,选择要应用的Node版本:

在这里插入图片描述

也可以在 已安装 这里点击 更多 ,选择要应用的Node版本:

在这里插入图片描述

应用完成后, 状态 那一栏会显示 当前

在这里插入图片描述

5. 测试效果

打开 cmd (终端),输入:

node --version

会输出当前应用的Node版本号:

在这里插入图片描述

6. 更多功能(推荐看一下)

6.1 主页面介绍

  • 在主页面会显示当前镜像地址下所有你当前系统所支持安装的NodeJS版本。
    在这里插入图片描述

  • 这里可以检索你需要的版本
    在这里插入图片描述

  • 这里可以检索状态
    在这里插入图片描述

  • 这里可以显示列表显示的内容、刷新页面、和更新镜像地址的数据
    在这里插入图片描述

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

在这里插入图片描述

6.2 设置介绍

在这里插入图片描述

6.2.1 检查更新

第一个按钮是检查更新,后续如有版本更新可直接点击此按钮
在这里插入图片描述

6.2.2 主题颜色

第二个按钮是主题颜色设置,点击此按钮可设置软件主题颜色。
在这里插入图片描述

6.2.3 提示

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

6.2.4 配置导入导出

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

6.2.5 基础设置

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

6.3 已安装界面介绍

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

在这里插入图片描述

在你需要全局应用的版本上,点击 更多,点击 应用 ,即可设置全局的NodeJS版本。
在这里插入图片描述
应用后可以打开终端进行验证:

在这里插入图片描述

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

在这里插入图片描述

6.4 项目界面介绍

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

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

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

在这里插入图片描述

6.5 分组

这个功能非常好用!!!

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

非常好用!!!

在这里插入图片描述

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

比如类似这种:

在这里插入图片描述

请看我的类似解决这种问题的文章:
https://blog.csdn.net/weixin_52799373/article/details/135059712

;