跳到主要内容Node.js 安装指南(macOS 版) | 极客日志JavaScriptNode.js大前端
Node.js 安装指南(macOS 版)
综述由AI生成档详细介绍了在 macOS 系统上安装和配置 Node.js 的完整流程。内容涵盖系统环境检查、三种主流安装方式(官方安装包、Homebrew、nvm)的具体步骤及对比、npm 配置优化、首个 Node.js 应用的创建与运行,以及常见故障排除方法。旨在帮助新手及开发者快速搭建稳定的 Node.js 开发环境。
怪力乱神36 浏览 第一章:准备工作与环境检查
1.1 确认系统要求
在开始安装 Node.js 之前,首先需要确认您的 Mac 系统是否符合要求:
系统版本要求:
- macOS 10.10 (Yosemite) 或更高版本
- 推荐使用 macOS 10.15 (Catalina) 或更新版本
- 同时支持 Intel 和 Apple Silicon (M1/M2) 芯片
检查您的 macOS 版本:
- 点击屏幕左上角的 Apple 菜单
- 选择'关于本机'
- 查看显示的版本信息
通过终端检查:
sw_vers
输出示例:
ProductName: macOS ProductVersion: 12.6.1 BuildVersion: 21G217
1.2 检查现有 Node.js 安装
在安装新版本之前,检查系统是否已安装 Node.js:
node --version
npm --version
which node
whereis node
如果系统返回版本信息,说明已有 Node.js 安装。您需要决定是保留现有版本、升级还是完全重新安装。
1.3 备份重要数据
如果您已经在开发 Node.js 项目,建议备份:
- 项目文件:复制整个项目目录到安全位置
- 全局 npm 包:列出并记录已安装的全局包
npm list -g --depth=0
- npm 配置:备份 npm 配置文件
cp ~/.npmrc ~/.npmrc.backup
1.4 清理可能的旧版本
如果之前通过其他方式安装过 Node.js,建议先清理:
检查并移除通过 Homebrew 安装的 Node.js:
brew uninstall node
brew cleanup
检查并移除通过 pkg 安装的 Node.js:
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
第二章:安装方法概述与选择
2.1 主要安装方法比较
方法一:官方安装包
- 优点:官方提供,稳定性高,适合新手
- 缺点:版本切换不够灵活
方法二:Homebrew
- 优点:包管理器统一管理,更新方便
- 缺点:可能不是最新版本
方法三:Node Version Manager (nvm)
2.2 推荐安装方案
新手用户:推荐使用官方安装包
普通开发者:推荐使用 nvm
高级用户:可根据需求选择 Homebrew 或源码编译
第三章:方法一 - 使用官方安装包
3.1 下载官方安装包
- LTS (Long Term Support):长期支持版,稳定性高,推荐生产环境使用
- Current:最新特性版,包含最新功能,适合测试和学习
- 网站会自动检测您的操作系统,提供对应的下载链接
- 对于 Apple Silicon Mac,会下载 ARM64 版本
- 对于 Intel Mac,会下载 x64 版本
ls -lh ~/Downloads/node-*.pkg
shasum -a 256 ~/Downloads/node-*.pkg
3.2 安装过程详解
- 在下载文件夹中找到
.pkg 文件
- 双击打开安装程序
- 欢迎界面:阅读介绍信息,点击'继续'
- 许可协议:仔细阅读协议,点击'继续'然后'同意'
- 安装目标:选择安装磁盘(通常默认即可)
- 安装类型:点击'安装'开始安装过程
- 系统会要求输入管理员密码
- 输入密码后点击'安装软件'
- 等待进度条完成
- 看到'安装成功'提示后点击'关闭'
3.3 验证安装
node --version
npm --version
which node
which npm
node
> console.log("Node.js 安装成功!")
> .exit
$ node --version
v18.12.1
$ npm --version
8.19.2
$ which node
/usr/local/bin/node
第四章:方法二 - 使用 Homebrew 安装
4.1 安装 Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- 终端会下载安装脚本并显示安装说明
- 按回车键继续安装
- 安装 Xcode Command Line Tools
- 如果未安装,会自动触发安装
- 这可能需要较长时间,请耐心等待
- 设置环境变量
安装完成后,按照提示将 Homebrew 添加到 PATH:
echo 'eval "$(/usr/local/bin/brew shellenv)"' >> ~/.zprofile
eval "$(/usr/local/bin/brew shellenv)"
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
brew --version
brew doctor
4.2 使用 Homebrew 安装 Node.js
brew update
brew search node
brew install node
brew install node@18
4.3 配置环境变量
brew list --versions | grep node
brew link node@18 --force --overwrite
4.4 验证安装
node --version
npm --version
brew info node
第五章:方法三 - 使用 Node Version Manager (nvm)
5.1 安装 nvm
nvm 是 Node.js 版本管理工具,允许安装和切换多个 Node.js 版本。
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
brew install nvm
git clone https://github.com/nvm-sh/nvm.git ~/.nvm
cd ~/.nvm
git checkout v0.39.0
5.2 配置 Shell 环境
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bash_profile
echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm' >> ~/.bash_profile
echo '[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion' >> ~/.bash_profile
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc
echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm' >> ~/.zshrc
echo '[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion' >> ~/.zshrc
source ~/.bash_profile
source ~/.zshrc
5.3 验证 nvm 安装
5.4 使用 nvm 安装和管理 Node.js
nvm ls-remote
nvm ls-remote --lts
nvm list available
nvm install stable
nvm install --lts
nvm install 18.12.1
nvm install 16
nvm ls
nvm use 18.12.1
nvm alias default 18.12.1
nvm current
nvm run 18.12.1 app.js
nvm which 18.12.1
nvm uninstall 14.17.0
第六章:安装后配置与优化
6.1 配置 npm
npm config list
npm config ls -l
npm config set registry https://registry.npmjs.org/
npm config set prefix ~/.npm-global
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrc
source ~/.zshrc
npm config set save-exact true
npm config set save-prefix="~"
6.2 安装常用全局工具
npm install -g npm-check-updates
npm install -g pm2
npm install -g nodemon
npm install -g http-server
npm install -g live-server
npm install -g create-react-app
npm install -g @vue/cli
npm install -g express-generator
npm install -g eslint
npm install -g prettier
npm install -g typescript ts-node
npm list -g --depth=0
6.3 配置项目默认设置
init-author-name=您的姓名
init-author-email=您的邮箱
init-author-url=您的网站
init-license=MIT
save=true
save-exact=true
package-lock=true
fund=false
audit=false
6.4 性能优化配置
node -e "console.log(process.memoryUsage())"
echo 'export NODE_OPTIONS="--max-old-space-size=4096"' >> ~/.zshrc
npm config get cache
npm cache clean --force
npm cache verify
第七章:创建和运行第一个 Node.js 应用
7.1 创建项目目录
mkdir my-first-node-app
cd my-first-node-app
npm init -y
7.2 创建简单的 Node.js 应用
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello, World! 欢迎来到 Node.js 世界!\n');
});
server.listen(port, hostname, () => {
console.log(`服务器运行在 http://${hostname}:${port}/`);
console.log(`进程 ID: ${process.pid}`);
console.log(`Node.js 版本: ${process.version}`);
});
7.3 运行应用
node app.js
curl http://127.0.0.1:3000
7.4 添加依赖和脚本
创建使用 Express 的版本 app-express.js:
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send(`
<h1>Hello, World!</h1>
<p>欢迎来到 Node.js + Express 世界!</p>
<ul>
<li>Node.js 版本: ${process.version}</li>
<li>平台: ${process.platform}</li>
<li>架构: ${process.arch}</li>
</ul>
`);
});
app.listen(port, () => {
console.log(`Express 应用运行在 http://localhost:${port}`);
});
{
"scripts": {
"start": "node app.js",
"dev": "node app-express.js",
"test": "echo \"Error: no test specified\" && exit 1"
}
}
现在可以使用 npm start 或 npm run dev 运行应用。
第八章:故障排除和常见问题
8.1 权限问题
npm install -g npm@latest
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrc
source ~/.zshrc
sudo npm install -g package-name
8.2 版本冲突问题
which -a node
which -a npm
nvm alias default 18.12.1
nvm use default
8.3 端口被占用
lsof -i :3000
kill -9 <PID>
node app.js --port 8080
8.4 内存不足问题
export NODE_OPTIONS="--max-old-space-size=4096"
echo 'export NODE_OPTIONS="--max-old-space-size=4096"' >> ~/.zshrc
8.5 Homebrew 相关问题
brew doctor
brew update-reset
brew cleanup
brew autoremove
brew uninstall node
brew install node
第九章:开发环境配置建议
9.1 代码编辑器配置
- ESLint
- Prettier - Code formatter
- npm
- npm Intellisense
- Path Intellisense
- Code Runner
- Thunder Client (API 测试)
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
}
9.2 版本控制配置
# 依赖目录
node_modules/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# 环境变量
.env
.env.local
.env.development.local
.env.test.local
.env.production.local
# 日志
logs
*.log
# 运行时数据
pids
*.pid
*.seed
*.pid.lock
# 覆盖目录
coverage/
.nyc_output
# 缓存
.npm
.eslintcache
9.3 调试配置
创建 VS Code 调试配置 .vscode/launch.json:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "启动程序",
"skipFiles": ["<node_internals>/**"],
"program": "${workspaceFolder}/app.js",
"env": {
"NODE_ENV": "development"
}
}
]
}
第十章:维护和更新
10.1 更新 Node.js
nvm install node --reinstall-packages-from=node
nvm install --lts --reinstall-packages-from=default
nvm alias default node
brew update
brew upgrade node
使用官方安装包更新:
下载新版本安装包,运行安装程序,它会自动替换旧版本。
10.2 更新 npm
npm install -g npm@latest
npm outdated -g
npm update -g
10.3 定期维护任务
npm cache clean --force
npm audit
npm audit fix
npx npm-check-updates -u
npm install
第十一章:进阶主题
11.1 使用不同的包管理器
brew install yarn
npm install -g yarn
yarn init
yarn add package-name
yarn install
brew install pnpm
npm install -g pnpm
pnpm init
pnpm add package-name
pnpm install
11.2 配置多环境
const environments = {
development: { port: 3000, database: 'mongodb://localhost:27017/dev' },
production: { port: process.env.PORT || 80, database: process.env.MONGODB_URI }
};
const environment = process.env.NODE_ENV || 'development';
module.exports = environments[environment];
11.3 性能监控
npm install -g clinic
npm install -g 0x
clinic doctor -- node app.js
0x app.js
第十二章:总结
12.1 安装方法回顾
通过本指南,您已经学会了在 Mac 上安装 Node.js 的多种方法:
- 官方安装包:最适合新手,简单直接
- Homebrew:适合习惯使用包管理器的用户
- nvm:适合需要多版本管理的开发者
12.2 最佳实践建议
- 生产环境:使用 LTS 版本
- 开发环境:根据项目需求选择合适的版本
- 学习环境:可以尝试 Current 版本体验最新特性
- 团队协作:统一 Node.js 版本和包管理器
12.3 后续学习路径
- 深入学习 Node.js 核心模块
- 学习 Express 等流行框架
- 掌握数据库集成
- 学习测试和部署
- 探索 TypeScript
12.4 获取帮助
相关免费在线工具
- Keycode 信息
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online
- Escape 与 Native 编解码
JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online
- JavaScript / HTML 格式化
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online
- JavaScript 压缩与混淆
Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online
- Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
- Base64 文件转换器
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online