nvm安装详细教程、镜像、环境变量(安装node.js,npm,nvm)

一、什么是nodejs、nvm、npm

1、node.js

  • 角色:JavaScript 的运行时环境(runtime)。

  • 作用 :让 JavaScript 脱离浏览器,直接在服务器或本地运行(比如用 node app.js 执行代码)。

  • 包含 :自带 npm(但版本可能过时)。

2、npm

  • 角色 :Node.js 的包管理器(默认随 Node.js 安装)。

  • 作用

    • 管理项目依赖(如 npm install express)。

    • 发布/下载开源包(如 npm publish)。

    • 运行脚本(如 npm start)。

  • 注意:npm 本身是一个用 JavaScript 写的工具,依赖 Node.js 运行。

  1. nvm
  • 角色Node.js 版本管理器(独立于 npm 和 Node.js)。

  • 作用

    • 在同一台机器上切换多个 Node.js 版本 (如 nvm use 18.16.0)。

    • 解决不同项目需要不同 Node.js 版本的问题。

  • 关键nvm 管理的是 Node.js,而 npm 会随 Node.js 的切换自动关联(每个 Node.js 版本自带对应 npm)。

4. 三者关系

一句话总结:nvm 管 Node.js,Node.js 带 npm,npm 管包。

二、安装nvm

1. 下载nvm安装包

点击链接去官网下载:

nvm文档手册 - nvm是一个nodejs版本管理工具 - nvm中文官网

选择最新版本下载:

解压安装包:

2、安装nvm

打开解压之后的文件夹

打开文件夹双击安装包开始安装

选择我接受,然后选择next

选择安装目录,建议安装在D盘根目录,D:\nvm请勿安装在带中文目录 以及 空格,中文目录可能造成一些不必要的问题。

选择安装nodejs的目录,建议放在nvm下的nodejs, D:\nvm\nodejs,以后通过vnm安装的nodejs版本都会下载安装到这里统一管理。

这是邮件订阅通知,可全部取消。

订阅通知的邮箱,留空,可以不填

点击finish,完成安装

3. 检测是否安装成功

如果如果安装小宁的教程来的话,安装完成之后应该会自动直接弹出终端的输入框。没有的话,大家可以win + R 输入cmd 打开终端

输入:

bash 复制代码
 nvm -v

能够出现版本号就说明已经安装成功了

三、修改nvm的镜像

为什么要修改镜像?

nvm是用来管理nodejs的,当我们需要下载nodejs的时候,会下载的很慢,这个时候我们就需要使用国内的镜像,能够加快下载速度。

找到刚刚安装软件的地址打开:

将镜像地址加到settings文件中去,但是不要改动 原来的代码

淘宝镜像:

bash 复制代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

清华镜像:

bash 复制代码
node_mirror: https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/
npm_mirror: https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/npm/

四、nvm常见的代码,nodejs的下载(一般环境变量自动配置,如果命令不可使用,第五点有教程修改)

nvm list available 显示可下载版本的部分列表:

CURREN:T当前版

LTS:长期支持版 (推荐下载)

OLD STABLE旧:稳定版本

OLD UNSTABLE:旧非稳定版本

②安装nodejs

  • 安装指定的版本:nvm install 版本号
  • 查看安装的所有版本:nvm list nvm ls
  • 进入或切换版本:nvm use 版本号(已下载)

五、环境变量(一次性node和npm的配置环境)

解决问题:node :无法将"node"项识别为 cmdet、函数、脚本文件或可运行程序的名称。请检査名称的拼写,如果包括路径,请确保路径正确,然后再试一次

你是否出现过这种情况,明明安装了对应的npm,,nvm,nodejs但是指令确用不了,其实最主要的原因还是:

1、有些电脑nvm安转的目录需要再C盘,重新下载nvm到C盘

2、安装的路径存在中文或者是存在空格的原因

3、最主要的原因还是 环境变量没有配置 好

配置环境变量:

环境变量打开方式:

我的电脑->属性->高级系统设置->环境变量->

如果没有以下环境变量,那么你就需要手动配置:

相关推荐
yinuo12 分钟前
前端跨页面通讯终极指南⑧:Cookie 用法全解析
前端
小鑫同学13 分钟前
vue-pdf-interactor 技术白皮书:为现代 Web 应用注入交互式 PDF 能力
前端·vue.js·github
GISer_Jing24 分钟前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
gyx_这个杀手不太冷静37 分钟前
上线前不做 Code Review?你可能正在给团队埋雷!
前端·代码规范·团队管理
全栈老石1 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·vue.js·架构
weixin_462446231 小时前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码
linux·服务器·前端
软件技术NINI1 小时前
娃娃店html+css 4页
前端·css·html
wordbaby2 小时前
TanStack Router 路径参数(Path Params)速查表
前端
盟接之桥2 小时前
盟接之桥--说制造:从“找缝隙”到“一万米深”——庖丁解牛式的制造业精进之道
大数据·前端·数据库·人工智能·物联网·制造
巴拉巴拉~~2 小时前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript