Mac如何安装Node.js和NPM 苹果电脑前端开发环境配置教程【指南】

想在Mac上开始前端开发，第一步往往就是搞定Node.js和npm。这两个工具，一个是Ja vaScript的运行时环境，另一个是包管理器，可以说是现代前端开发的基石。不过，对于刚接触macOS（无论是Intel芯片还是Apple Silicon）的朋友来说，面对几种不同的安装方式，可能会有点选择困难。别担心，下面就把几种主流且可靠的方法给你梳理清楚，你可以根据自己的情况来选。

一、使用官方.pkg安装包（适合新手）

如果你对命令行不太熟悉，或者就想图个方便快捷，那么直接从官网下载安装包是最省心的选择。这种方式安装程序会自动帮你配置好系统路径，装完就能在终端里直接用node和npm命令，而且对M1/M2/M3芯片的兼容性也没问题。

具体操作很简单：

首先，打开Node.js的官方网站（https://nodejs.org/zh-cn/），找到那个醒目的、标着“LTS”（长期支持版）的蓝色下载按钮，点击它。

下载完成后，你会得到一个.dmg文件。双击打开，把里面的Node.js图标拖拽到“应用程序”文件夹里，就完成安装了。过程中如果系统提示需要输入管理员密码，照做授权就行。

最后，打开“终端”（用Spotlight搜索“Terminal”就能找到），分别输入node -v和npm -v并回车。如果看到类似v20.11.1和10.2.4这样的版本号输出，那就恭喜你，安装成功了。

二、使用fnm（Fast Node Manager，推荐开发者）

对于开发者，尤其是需要管理多个Node.js版本的朋友，这里更推荐使用fnm。它是一个专为macOS优化的轻量级Node版本管理器，最大的特点就是启动速度快、配置简单，并且原生支持Apple Silicon芯片，用起来非常顺手。

安装fnm只需要一条命令：打开终端，运行curl -fsSL https://fnm.vercel.app/install | bash。

安装脚本运行后，它会提示你将fnm添加到你的shell配置文件里（通常是~/.zshrc）。按照提示操作，然后执行source ~/.zshrc让配置生效。

接下来，用fnm安装并设置默认的LTS版本，一气呵成：fnm install --lts && fnm use --lts && fnm default --lts。

完成后，同样用node -v和npm -v验证一下。fnm很贴心，它会自动把全局的bin目录加到你的$PATH环境变量里，省去了手动配置的麻烦。

三、使用Homebrew安装（适合已有Homebrew用户）

如果你已经是Homebrew的用户了，那么通过它来安装Node.js是个很自然的选择。Homebrew作为macOS上流行的包管理器，能帮你统一管理Node.js及其依赖，后续的升级、卸载操作也都标准化，非常适合已经搭建了Homebrew生态的用户。

要是还没装Homebrew，可以先在终端里运行这条安装命令：/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"。

安装好Homebrew之后，安装Node.js就一句话的事：brew install node。

Homebrew会自动把node和npm链接到正确的目录（Apple Silicon芯片是/opt/homebrew/bin，Intel芯片是/usr/local/bin），并确保它们在系统路径中。你可以用which node和which npm命令确认一下位置，最后别忘了用node -v和npm -v验证版本。

四、使用nvm（Node Version Manager，适合多版本测试场景）

如果你的开发工作经常需要在不同Node.js版本之间切换，比如测试项目的兼容性，那么nvm是你的得力工具。它允许你在同一台电脑上安装并管理多个Node版本，可以按项目需求灵活切换。

安装nvm，也是通过运行安装脚本：curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash。

安装完成后，关掉终端再重新打开，或者直接运行source ~/.zshrc，让配置生效。

之后，安装最新的LTS版本：nvm install --lts，然后启用它：nvm use --lts。如果想每次打开新终端都默认用这个版本，可以设置一下：nvm alias default node。

你可以用nvm list查看已经安装的所有版本，用nvm current确认当前正在使用的是哪一个。

五、基础环境验证与加速配置

无论你选择了上面哪种安装方式，装完可不代表万事大吉了。还有几个关键的验证和配置步骤不能省，否则后面运行npm install时可能会遇到超时或者失败。

首先，检查一下全局模块的安装路径：运行npm config get prefix，确保输出的路径是有效的（比如/usr/local或者~/.local/share/fnm/这样的）。

其次，确保npm的全局命令目录在系统路径$PATH里。如果你用的是fnm或Homebrew，它们通常已经自动处理好了。但如果你是用的.pkg安装包，并且在终端输入npm时提示“command not found”，那就需要手动把路径加进去，命令如下：echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc && source ~/.zshrc。

接下来是一个能极大提升体验的操作——更换npm镜像源。默认的源在国内访问可能比较慢，换成国内镜像速度会快很多。执行这条命令：npm config set registry https://registry.npmmirror.com。

设置完后，用npm config get registry验证一下，如果返回的是https://registry.npmmirror.com，说明生效了。

最后，可以做个简单的全局安装权限测试。运行npm install -g http-server安装一个轻量级静态服务器，安装成功后，再执行http-server -v，如果能正常输出版本号，说明你的整个Node.js和npm环境已经配置妥当，可以愉快地开始开发了。