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

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


相关推荐
KIO no way1 天前
自定义Node.js安装路径及环境变量配置
node.js·deepseek
虚拟世界AI1 天前
Vue.js安装指南:快速搭建开发环境
vue.js·npm·node.js
Kinghiee2 天前
使用webpack构建vue3 ssr
前端·webpack·node.js·vue3ssr
ruanCat2 天前
pnpm 踩坑实录:用 public-hoist-pattern 拯救被严格隔离坑掉的依赖
前端·npm·node.js
阿sir2 天前
gRPC开箱即用-Node.js篇
node.js
qq5680180762 天前
node.js下载、安装、设置国内镜像源(永久)(Windows11)
node.js
读忆2 天前
NVM 安装低版本 Node.js 失败解决方案
前端·javascript·node.js
段旭涛2 天前
windows环境安装和使用可切换版本和可切换镜像源的node.js
node.js
亿牛云爬虫专家2 天前
Node.js Axios爬虫代理配置指南与内存泄漏排查
爬虫·node.js·axios·爬虫代理·内存泄漏·企业级场景·tcp 连接复用