MacBook 上如何正确安装 nvm 和 Node.js(新手必看)

适用人群:

  • macOS 用户(Intel / M1 / M2 / M3 都适用)
  • 前端 / Node / 全栈 / Java 开发
  • 不想把环境搞乱的新手

如果你刚开始在 MacBook 上学习开发,Node.js 基本是必装的

但很多人一上来就踩坑,比如:

  • 用 Homebrew 装 Node,结果版本乱
  • 想切 Node 版本,却发现根本切不了
  • 全局包冲突,node -vnpm -v 对不上

👉 正确姿势只有一个:先装 nvm,再用 nvm 管理 Node。

这篇文章带你从 0 到 1,一次装对,不返工


一、先搞清楚:nvm 是什么?为什么一定要用?

1️⃣ Node.js 是什么?

  • Node.js 是一个 JavaScript 运行环境
  • 前端工程(Vue / React / Vite / Next.js)几乎都离不开它

2️⃣ nvm 是什么?

nvm = Node Version Manager(Node 版本管理工具)

它可以帮你:

  • 同时安装多个 Node 版本(14 / 16 / 18 / 20)
  • 不同项目用不同 Node
  • 随时切换,不破坏系统环境

👉 结论一句话:Mac 上千万不要只装一个裸 Node,一定要用 nvm。


二、macOS 安装 nvm(官方推荐方式)

⚠️ 注意:
不推荐用 Homebrew 安装 nvm

nvm 本质是 shell 脚本,Homebrew 反而容易把环境搞复杂。

✅ 正确方式:官方脚本安装

1️⃣ 打开终端(Terminal)

快捷键:

复制代码
Command + 空格 → 输入 Terminal → 回车

2️⃣ 执行安装命令

复制下面这行,直接粘贴回车:

bash 复制代码
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

等待执行完成。


3️⃣ 配置环境变量(非常重要)

macOS 默认使用 zsh ,配置文件是 ~/.zshrc

执行:

bash 复制代码
nano ~/.zshrc

确认里面有下面内容(没有就加上):

bash 复制代码
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

保存并退出(Ctrl + O → 回车 → Ctrl + X

让配置立即生效:

bash 复制代码
source ~/.zshrc

4️⃣ 验证 nvm 是否安装成功

bash 复制代码
nvm -v

如果能看到版本号,例如:

复制代码
0.39.7

✅ 说明 nvm 安装成功


三、用 nvm 安装 Node.js(推荐版本)

1️⃣ 查看可安装的 Node 版本

bash 复制代码
nvm ls-remote

你会看到很多版本,不用纠结。


2️⃣ 推荐安装哪个版本?

  • 新手 / 前端 / 后端通用:Node 18 或 20(LTS)
  • 示例:安装 Node 18
bash 复制代码
nvm install 18

3️⃣ 使用该版本

bash 复制代码
nvm use 18

验证:

bash 复制代码
node -v
npm -v

看到正常版本号即可。


四、设置默认 Node 版本(强烈建议)

否则每次开新终端都要 nvm use

bash 复制代码
nvm alias default 18

以后:

  • 新开终端
  • Node 自动就是 18

五、每个项目使用不同 Node(进阶但很实用)

方式一:手动切换

bash 复制代码
nvm use 16

方式二(推荐):使用 .nvmrc

在项目根目录创建文件:

复制代码
.nvmrc

内容写:

复制代码
18

以后进入项目目录:

bash 复制代码
nvm use

自动切版本。


六、常见错误和避坑指南(必看)

❌ 1️⃣ 不要同时用 Homebrew 装 Node

如果你之前执行过:

bash 复制代码
brew install node

建议卸载:

bash 复制代码
brew uninstall node

否则会出现:

  • node -vwhich node 对不上
  • npm 全局包混乱

❌ 2️⃣ 不要把 nvm 写到多个配置文件

  • macOS 默认只用:~/.zshrc
  • 不要同时写 .bashrc.bash_profile

❌ 3️⃣ 终端里提示 nvm: command not found

说明:

  • .zshrc 没加载
  • 或者没 source ~/.zshrc

七、总结(直接记住这几条)

✅ MacBook 安装 Node 的正确流程是:

  1. 官方脚本安装 nvm
  2. nvm 安装 Node
  3. 设置默认 Node 版本
  4. 不用 Homebrew 装 Node

一次配置好,以后几年都不用折腾。


相关推荐
矩阵科学2 小时前
Langchain.js 实战五:Agent 实战
langchain·node.js
终将老去的穷苦程序员4 小时前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
之歆4 小时前
Day10_Node.js 与 Express 开发实战指南:从零到一构建专业级 Web 服务
前端·node.js·express
之歆1 天前
Node.js 与 NPM 包管理完全指南
前端·npm·node.js
12点一刻1 天前
npx 使用入门教程:是什么、怎么用、和 npm 有什么区别
前端·npm·node.js
Sca_杰1 天前
速通抖音开放平台API-生活服务商应用
javascript·node.js
console.log('npc')1 天前
核心实战篇 生成式 UI+A2UI 协议 + 全栈 Agent 项目落地
node.js·react·#生成式ui·a2ui协议·ui agent·ai前端实战
Rain5091 天前
1.3. Next.js与Nest.js在AI数据分析中的角色
前端·javascript·人工智能·后端·数据分析·node.js·ai编程
向上的车轮1 天前
TypeORM 1.0 正式发布:新一代 Node.js ORM 框架全面解析
typescript·node.js·typeorm
晚风叙1 天前
使用Gemini快速修复Node.js 代码报错
node.js