最推荐在Mac上使用fnm安装Node.js和NPM,因其轻量、快速、原生支持Apple Silicon;执行curl安装命令、配置shell、安装LTS版并验证版本即可完成,图形化方式可选官网.pkg但不便版本管理。

在Mac上安装Node.js和NPM最推荐的方式是使用版本管理工具fnm(Fast Node Manager),它轻量、快速、原生支持Apple Silicon(M1/M2/M3芯片),比nvm更简洁,也比直接下载.pkg安装更利于后续升级和多版本切换。
用fnm一键安装Node.js和NPM
fnm会自动安装最新LTS版Node.js(含配套NPM),全程命令行操作,无需图形界面:
- 打开终端(Terminal),运行安装命令:
curl -fsSL https://fnm.vercel.app/install | bash - 按提示将fnm加入shell配置(如
~/.zshrc),然后重载配置:source ~/.zshrc - 安装并设为默认版本:
fnm install --lts && fnm use --lts && fnm default --lts - 验证是否成功:
node -v和npm -v应分别输出版本号(如 v20.11.1 和 10.2.4)
如果偏好图形化安装(适合新手)
可前往nodejs.org官网,下载「macOS Installer (.pkg)」文件(推荐选LTS版本):
- 双击.pkg按向导完成安装,系统会自动把Node.js和NPM添加到
/usr/local/bin - 安装后重启终端,运行
which node和which npm确认路径存在 - 注意:这种方式默认无法轻松切换Node版本,升级需重新下载安装包
验证与基础配置(安装后必做)
装完别急着写代码,先检查环境并优化常用设置:
立即学习“前端免费学习笔记(深入)”;
- 确认全局模块安装路径:
npm config get prefix(通常为/usr/local或~/.local/share/fnm/...) - 把npm全局bin目录加入
$PATH(fnm已自动处理;若用.pkg安装,可能需要手动加:echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc && source ~/.zshrc) - 换国内镜像加速(尤其npm install时):
npm config set registry https://registry.npmmirror.com
常见问题快速排查
遇到命令未找到或权限错误,大概率是路径或权限问题:
-
command not found: node→ 检查source ~/.zshrc是否执行,或确认shell类型(echo $SHELL) -
permission denied(全局安装报错)→ 不要用sudo npm install -g,改用fnm或修复npm权限:mkdir ~/.npm-global && npm config set prefix ~/.npm-global && echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrc && source ~/.zshrc - M1/M2 Mac上某些包编译失败 → 先运行
softwareupdate --install-rosetta(按提示安装Rosetta),再重试
基本上就这些。用fnm安装,5分钟内搞定干净可用的前端开发环境,后续切版本、升Node、配镜像都方便。不复杂但容易忽略的是PATH配置和镜像设置——这两步补上,日常开发基本不会卡在环境上。










