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、最主要的原因还是 环境变量没有配置 好

配置环境变量:

环境变量打开方式:

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

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

相关推荐
迷曳2 分钟前
28、鸿蒙Harmony Next开发:不依赖UI组件的全局气泡提示 (openPopup)和不依赖UI组件的全局菜单 (openMenu)、Toast
前端·ui·harmonyos·鸿蒙
爱分享的程序员14 分钟前
前端面试专栏-工程化:29.微前端架构设计与实践
前端·javascript·面试
上单带刀不带妹18 分钟前
Vue3递归组件详解:构建动态树形结构的终极方案
前端·javascript·vue.js·前端框架
-半.20 分钟前
Collection接口的详细介绍以及底层原理——包括数据结构红黑树、二叉树等,从0到彻底掌握Collection只需这篇文章
前端·html
90后的晨仔40 分钟前
📦 Vue CLI 项目结构超详细注释版解析
前端·vue.js
@大迁世界41 分钟前
用CSS轻松调整图片大小,避免拉伸和变形
前端·css
一颗不甘坠落的流星41 分钟前
【JS】获取元素宽高(例如div)
前端·javascript·react.js
白开水都有人用42 分钟前
VUE目录结构详解
前端·javascript·vue.js
if时光重来1 小时前
axios统一封装规范管理
前端·vue.js
m0dw1 小时前
js迭代器
开发语言·前端·javascript