必装
1. Node 22 LTS
# 用 nvm（Mac / Linux）
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
nvm install --lts
nvm use --lts
# 或 fnm（更快）
curl -fsSL https://fnm.vercel.app/install | bash
fnm install --lts
# Windows：去 nodejs.org 下载
验证：
node -v # v22.x
npm -v # 10.x
详见
nodejs/02-install。
2. 编辑器：VS Code
code.visualstudio.com 下载装好。
必装扩展：
| 扩展 | 作用 |
|---|---|
| ES7+ React/Redux/React-Native snippets | 快捷代码片段（输 rfc 自动生成函数组件） |
| Tailwind CSS IntelliSense | Tailwind 类名补全 |
| Prettier - Code formatter | 自动格式化 |
| ESLint | 代码检查 |
| GitLens | git 增强 |
| Error Lens | 错误直接显示在行内 |
可选：
| 扩展 | 用途 |
|---|---|
| Path Intellisense | 路径补全 |
| Auto Rename Tag | 同步改 JSX 标签 |
| Pretty TypeScript Errors | TS 错误更可读 |
3. 包管理器（任选）
# npm 默认（够用）
node 自带
# pnpm（推荐：省盘 + 快）
npm install -g pnpm
# yarn（也行）
npm install -g yarn
# bun（最快但生态略缺）
curl -fsSL https://bun.sh/install | bash
整个系列示例用 npm——切到 pnpm / yarn / bun 命令几乎一样。
4. 浏览器：Chrome / Firefox / Edge
任选。强烈推荐装：
- React DevTools（Chrome 搜）：看组件树 / props / state
- React Scan（新出的可视化性能工具）
可选但很有用
Cursor / Windsurf（AI IDE）
cursor.com — VS Code fork，内置 AI 助手。写 React 时 AI 帮你补全大段代码——比纯手写快 3x。
国内访问慢可以本地装 + 偶尔登一下账号。
Git
# 装好后配你的身份
git config --global user.name "WadeLy"
git config --global user.email "you@example.com"
# 让 main 是默认分支
git config --global init.defaultBranch main
详见
linux/24-logs周边章节。
GitHub 账号
注册 github.com —— 后面要把项目推上去 + Vercel 部署都靠它。
看版本
node -v
npm -v
git --version
code --version
都有 → 准备就绪。
下一步
04-create-app —— 用一行命令起 Next.js 项目。