当前位置: 首页 > article >正文

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

目录

  • 1. 简介
  • 2. 下载nvm-desktop
  • 3. 安装nvm-desktop
  • 4. 安装NodeJS
  • 5. 测试效果
  • 6. 更多功能(推荐看一下)
    • 6.1 主页面介绍
    • 6.2 设置介绍
      • 6.2.1 检查更新
      • 6.2.2 主题颜色
      • 6.2.3 提示
      • 6.2.4 配置导入导出
      • 6.2.5 基础设置
    • 6.3 已安装界面介绍
    • 6.4 项目界面介绍
    • 6.5 分组
  • 7. MacOS提示应用已损坏问题

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

http://www.lryc.cn/news/2417836.html

相关文章:

  • codec基础知识的学习
  • lwip网络协议基础介绍
  • 程序员的福音—Zeal
  • VMware 安装 CentOS7 图文教程(超详细)
  • 数据平台建设
  • 一文读懂:全网都在说的AIGC到底是什么?
  • 【项目管理】如何开展高质量的团队管理
  • 【正则化的理解】
  • 从头开始学MySQL-------存储过程与存储函数(1)
  • Linux--uboot移植(二)新UBOOT配置
  • 通信协议:HTTP知识点总结
  • VO、DTO、BO、PO、DO、POJO 数据模型的理解和实际使用
  • 360影视大全 python_「www.dy2018.com」python爬取电影天堂(www.dy2018.com)所有视屏的所有链接 - 金橙教程网...
  • 奇异值分解(SVD)详解及其应用
  • JSONP原理以及示例
  • 【802.11】MCS简介
  • sql语句中distinct的用法
  • Netcat使用学习
  • Jfinal 框架简单入门
  • ftp客户端使用详细说明【linux和windows】
  • STM32F103C8t6驱动MPU6050+HMC5883L+BMP280进行三轴姿态解算
  • JS 中 String 的字符串截取 substr 和 substring 区别的快速记忆方法
  • Ubuntu——apt-get问题
  • 电子工程师必备网址
  • VNC Server远程桌面配置详解
  • 探秘Magnetissimo:自托管的磁力链接搜索引擎
  • react-native基本介绍
  • Attributes(特性)与 Properties(属性)的区别
  • 架构设计(1)-谈谈架构
  • 12 个超好用的免费在线工具建议收藏!(非常详细)从零基础入门到精通,看完这一篇就够了