nvm安装、管理node多版本以及配置环境变量【保姆级教程】

引言

不同的项目运行时可能需要不同的node版本才可以运行,由于来回进行卸载不同版本的node比较麻烦;所以需要使用node工程多版本管理。
本人在配置时,通过网络搜索教程,由于文章时间过老,或者文章的互相拷贝导致配置时出现许多小问题,但最后也是配置成功了,想写下此文章帮助小伙伴们排除错误,节省各位宝贵的时间,如有问题欢迎留言讨论~

注意:安装nvm时不能安装任何node版本(如存在请删除后再安装nvm),再检查环境变量,如果还有node.js相关也删掉,保证系统无任何node.js 残留。
卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息,无的话表示删除干净。

安装前准备

  • 若已安装Node.js,需彻底卸载避免冲突

1.控制面板卸载:进入控制面板 → 卸载Node.js程序。
2.删除残留文件:

  • 删除安装目录:C:\Program Files\nodejs(或自定义路径)
  • 删除用户目录下的.npmrc文件:C:\Users\用户名
  • 清理以下目录(若存在):
C:\Program Files (x86)\Nodejs  
C:\Users\用户名\AppData\Roaming\npm  
C:\Users\用户名\AppData\Roaming\npm-cache

3.检查卸载结果:

node -v  # 若提示“找不到命令”则表示卸载成功

一、Nvm的下载与安装

1.1 Nvm下载

很多博主给的是GitHub上的下载地址,但是在国内访问速度非常慢,大家可以通过本人的网盘地址下载。点击下载Nvm,提取码:B66S

1.2 Nvm的安装与配置

1.安装准备(示例:本人在D盘下创建了Nvm文件夹,并在该文件夹下创建了nodejs文件夹)
在这里插入图片描述
2.双击运行 nvm-setup.exe
在这里插入图片描述

3.选择nvm安装路径(示例:D:\nvm,避免中文和空格)
在这里插入图片描述

4.设置Node.js存储路径(示例:D:\nvm\nodejs)
在这里插入图片描述

5.配置镜像加速(避免下载失败)

打开nvm安装目录下的 settings.txt 文件,添加以下内容:
在这里插入图片描述

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

(旧版淘宝镜像 registry.npm.taobao.org 证书已过期,需替换为该域名)
6.环境变量配置
1.右击此电脑点击属性
2.选择高级系统设置
3.点击环境变量
4.查看环境变量是否配置(默认nvm安装成功后,自动生成)
在这里插入图片描述

1.3 验证Nvm是否安装成功

完成安装后,以管理员身份打开CMD,输入 nvm -v 验证是否成功
在这里插入图片描述

二、使用Nvm安装node

2.1 相关命令

nvm list available    # 查看可下载的node版本
nvm install v    #下载node指定版本 v(版本号) 如:nvm install 20.11.1
nvm list    #查看已下载的node版本
nvm use v    #使用node指定版本 注:use指令需要使用管理员权限
nvm uninstall v #卸载指定版本 如:nvm uninstall 20.11.1

2.2使用Nvm安装node

1.win + R,调用cmd
安装完成后开始插入nodejs首先使用 nvm list available 查询可插入版本号,LST表示可插入稳定版本。【如未指定版本,建议安装LTS下的版本】
在这里插入图片描述
2.安装指定node.js版本(这里根据需求选择)
点我查看node相关版本号

nvm install 18.16.0 #根据自己的需求选择版本号

在这里插入图片描述
3.安装完成后使用nvm use v命令使用安装的node版本
可以分别输入命令行 node -vnpm -v,检验node.js以及对应npm是否安装成功
在这里插入图片描述
4.nvm list 查看当前已安装的node.js版本,带*号的是正在使用的
在这里插入图片描述
5.安装成功后的文件夹显示
在这里插入图片描述

***马上成功了,请坚持一下!***

2.3 修改npm默认镜像源为淘宝镜像

修改npm镜像源为淘宝镜像,加快npm包的下载速度,减少发生连接错误和超时的概率。

1.在命令提示窗口运行下面命令

npm config set registry https://registry.npmmirror.com

2.检查是否设置淘宝镜像成功

npm config get registry

在这里插入图片描述

三、配置node环境变量

3.1创建目录

在Node.js存储路径下新建 node_global 和 node_cache 文件夹
在这里插入图片描述

3.2 设置npm全局路径:

npm config set prefix "D:\nvm\nodejs\node_global"
npm config set cache "D:\nvm\nodejs\node_cache"

3.3 配置环境变量path

  1. 编辑用户变量中的Path

在这里插入图片描述

注意:【用户变量】中的path变量,%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。> 如果有C:UsershuaAppDataRoaming npm,则将其修改为D:\NVM\node_global,如果没有就自己新建D:\NVM\node_global,总之保证有以上内容。

  1. 再设置系统变量 — Path变量的设置和用户变量中一致
    在这里插入图片描述

3.4 添加系统变量:

  • 新建 NODE_HOME → 值:D:\nvm\nodejs
    在这里插入图片描述
    D:\tools\nodejs\node_global\node_modules 就是上面创建的全局模块安装路径文件夹
    点击三次确定,完成环境变量配置!!!
    点击三次确定,完成环境变量配置!!!
    点击三次确定,完成环境变量配置!!!

四、测试安装全局模块(测试环境变量配置)

  • 测试是否环境变量是否配置成功,在cmd窗口中输入以下指定全局安装express模块
npm install -g express

在这里插入图片描述

  • 安装成功的话表示环境变量配置成功
    在这里插入图片描述

五、安装Vue

1.确保配置了淘宝的镜像源,可以用npm config get registry进行测试
2.安装vue、vue-cli、webpack

npm install vue -g
npm install vue-cli -g
npm install webpack -g

3.检查Vue是否安装成功
使用vue -V命令
返回版本号则说明安装成功,注意V是大写,小写不成功
在这里插入图片描述

六、扩展:使用 nrm 来管理 npm 源

6.1 nrm的概念

nrm 允许开发者通过命令行工具轻松管理多个 npm 镜像源(如淘宝、腾讯云、华为云等),并支持一键切换,无需手动修改 npm config。
提供源测速功能(nrm test),帮助选择响应最快的镜像。

我们可以使用 nrm 来管理 npm 源,特别是当需要在不同的网络环境之间切换时,它可以提供更好的包管理体验。一般国内就是用淘宝源,所以这部分了解即可

6.2 使用 nrm 来管理 npm 源

1.全局安装(需 Node.js 环境)

npm install -g nrm

2.核心操作命令

nrm ls #查看所有源(带 * 为当前使用源)
nrm use taobao  # 切换到淘宝源(推荐国内使用)
nrm test          # 测试所有源延迟
nrm test taobao   # 仅测试淘宝源
nrm add my-registry http://私有源地址  # 示例:企业私有源
nrm del my-registry  # 删除指定源
nrm current #当前正在使用的 npm 源

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/21252.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

本地部署DeepSeek大模型

环境:nuc工控机器 x86架构 ubuntu20.04 1、浏览器打开Download Ollama on Linux,复制命令。 2.打开终端,输入命令。 curl -fsSL https://ollama.com/install.sh | sh 等待安装,安装完成后,终端输入 ollama&#xff…

深度解析应用层协议-----HTTP与MQTT(涵盖Paho库)

HTTP协议概述 1.1 HTTP的基本概念 HTTP是一种应用层协议,使用TCP作为传输层协议,默认端口是80,基于请求和响应的方式,即客户端发起请求,服务器响应请求并返回数据(HTML,JSON)。在H…

Mac M3/M4 本地部署Deepseek并集成vscode

Mac 部署 使用傻瓜集成平台ollama,ollama平台依赖于docker,Mac的M3/M4 因doesn’t have VT-X/AMD-v enabled 所以VB,VM无法使用,导致docker无法启动,需要使用docker的替代品podman, 它完全兼容docker brew install p…

MySQL版本选择与安装

MySQL版本选择与安装 MySQL 5.5 优点: 稳定性:5.5版本是长期支持(LTS)版本,因此它非常稳定,被广泛部署在生产环境中。 兼容性:与旧版本的MySQL和各种应用程序有很好的兼容性。 缺点: 过时:…

雨后清新气味的关键角色——土臭素与2-甲基异茨醇

在日常生活里,我们或许都有过这样的体验。每当一场雨淅淅沥沥落下,结束后,空气中总会弥漫起一股独特的气息。那是一种清新的土味儿,细细分辨,还能捕捉到青草散发的芬芳。深深吸上一口,仿佛整个世界都被这场…

第1章大型互联网公司的基础架构——1.10 其他NoSQL数据库

这里我们简单介绍一下其他常见的NoSQL数据库及其适用的场景,其中部分数据库会在后续服务设计章节中正式使用时再做详细介绍。 1.10.1 文档数据库 文档数据库的典型代表是MongoDB和CouchDB。**文档数据库普遍采用JSON格式来存储数据,而不是采用僵硬的行…

浅谈网络 | 容器网络之Cilium

目录 Cilium介绍Cilium是什么Cilium 主要功能特性为什么用Cilium? 功能概述组件概况BPF 与 XDPeBPF (Extended Berkeley Packet Filter)XDP (eXpress Data Path) Cilium介绍 Cilium是什么 Cilium 是一个开源网络和安全项目,专为 Kubernetes、Docker 和…

UE 学习记录

1.启用输入Enable Input 2.设置鼠标光标可见性 3.增加Widget到窗口 4.分辨率设置 5.游戏暂停/恢复/退出 6.游戏数据保存和加载 (1).创建SaveGame (2).保存数据 (3).加载数据

大模型面经:SFT和RL如何影响模型的泛化或记忆能力?

监督微调 (SFT) 和强化学习 (RL)都是目前大模型的基础模型后训练技术,像DeepSeek-R1、kimi等的训练方法都将两种技术应用到了极致。 如何去设计训练步骤(先SFT再RL,还是直接RL)都需要对SFT和RL的能力有较深刻的了解。 本篇就以面…

国产编辑器EverEdit - 文本编辑器的关键特性:文件变更实时监视,多头编辑不掉坑

1 监视文件变更 1.1 应用场景 某些时候,用户会使用多个编辑器打开同一个文件,如果在A编辑器修改保存,但是B编辑器没有重新打开,直接在B编辑器修改再保存,则可能造成在A编辑器中修改的内容丢失,因此&#x…

MacOS下使用Ollama本地构建DeepSeek并使用本地Dify构建AI应用

目录 1 大白话说一下文章内容2 作者的电脑配置3 DeepSeek的本地部署3.1 Ollamal的下载和安装3.2 选择合适的deepseek模型3.3 安转deepseek 4 DifyDeepSeek构建Al应用4.1 Dify的安装4.1.1 前置条件4.1.2 拉取代码4.1.3 启动Dify 4.2 Dify控制页面4.3 使用Dify实现个“文章标题生…

图论 之 DFS

文章目录 1971.寻找图中是否存在路径797.所有可能的路径841.钥匙和房间 DFS的遍历的模版大差不差,主要是区别题目中的图是否是有环的?题目求解的是可达问题,路径数量问题 开始的时候,如果题目中的边的记录没有转化为邻接表的形式&…

《跟李沐学 AI》AlexNet论文逐段精读学习心得 | PyTorch 深度学习实战

前一篇文章,使用 AlexNet 实现图片分类 | PyTorch 深度学习实战 本系列文章 GitHub Repo: https://github.com/hailiang-wang/pytorch-get-started 本篇文章内容来自于学习 9年后重读深度学习奠基作之一:AlexNet【下】【论文精读】】的心得。 《跟李沐…

武汉火影数字|VR沉浸式空间制作 VR大空间打造

VR沉浸式空间制作是指通过虚拟现实技术创建一个逼真的三维环境,让用户能够沉浸在这个环境中,彷佛置身于一个全新的世界。 也许你会好奇,VR 沉浸式空间究竟是如何将我们带入那奇妙的虚拟世界的呢?这背后,离不开一系列关…

ARM-Linux 基础项目篇——简单的视频监控

该基础项目为后面的 AI 安防项目做铺垫。使用 Qt 的网络编程方案来实现,后期再实现流媒体协议的方案。使用 ov2640 摄像头。 一、实现流程 (1) 服务器采集摄像头的数据。 (2) 处理视频数据转交给 Socket,…

使用Selenium进行网页自动化

🍅 点击文末小卡片,免费获取软件测试全套资料,资料在手,涨薪更快 Selenium是一个流行的Web自动化测试框架,它支持多种编程语言和浏览器,并提供了丰富的API和工具来模拟用户在浏览器中的行为。Selenium可以通…

网络技术变迁:从IPv4走向IPv6

目录 前言 旧时代产物:IPv4 什么是IPv4? IPv4的工作方式 IPv4的缺点 为什么要从IPv4过渡到IPv6? 走向IPv6:新一代互联网协议 IPv6的技术特性 我们需要过渡技术 双栈(Dual Stack) 隧道技术&#…

AI交互数字人:定向知识库,大语言模型构建AI数字人“智慧大脑”

2025年年初,杭州深度求索推出的 开源大语言模型横空出世,犹如一枚重磅炸弹投入市场,迅速引发了广泛关注。它不仅在国内掀起了讨论热潮,更是凭借强的影响力,成功冲击了美国AI 市场,成为了 2025 年国内外瞩目…

用大内存主机下载Visual Studio

用一台内存达到128G的主机下载Visual Studio 2022,用的是公司网络。下载速度让我吃了一惊,没人用网络了?还是网站提速了?以前最大只能达到5MB/秒。记录这段经历,是用来分析公司网络用的......

DeepSeek操作Excel,实现图表自动化生成

案例 让DeepSeek操作Excel,实现图表自动化生成。我们只要用自然语言输入我们的需求(根据哪块单元格区域做什么图表),就可以直接在Excel中自动生成图表。 操作主界面和图表效果 设置接入方式 这里提供了多种接入方式将DeepSeek接…