Setup
环境准备
开始第一个板块之前,先把工具装好。约 30 分钟。
先确认这几项
- 终端能打开(macOS 自带;Windows 需要 WSL2)
- VS Code 已安装
- Node.js 已安装
- Git 已安装
- 一个 AI 编程助手已安装并能调用模型
- GitHub 账号已注册
偷懒的办法
不想一步步照做?把这句话发给任意 AI 助手(Claude / ChatGPT / Gemini / DeepSeek 都行):
帮我在这台电脑上搭建 web 开发环境:
终端、Node.js、Git、一个 AI 编程助手。
先探测我的操作系统和已装的软件,再逐步告诉我要做什么,
每一步都给我可以直接复制的命令,并解释它做了什么。
让它带着你走。遇到看不懂的输出就直接问它——这本身就是第一个板块要练的事。
macOS
# 1. 安装 Homebrew(国内建议走中科大镜像,见官方镜像说明)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# 2. 一次装齐
brew install git node
# 3. 检查
git --version
node --version
VS Code 去官网下载安装包。
Windows
Windows 自带的命令行和 macOS 差别很大,很多教程里的命令跑不通。先装 WSL2,在 Windows 里得到一个完整的 Linux 环境:
# 以管理员身份打开 PowerShell
wsl --install
# 重启电脑,按提示设置 Ubuntu 用户名和密码
重启后在开始菜单搜索 Ubuntu,之后所有命令都在这个窗口里执行:
sudo apt update && sudo apt install -y git curl
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs
国内加速
包下载卡住是常见问题,换成国内镜像:
npm config set registry https://registry.npmmirror.com
卡住了
装环境是整门课最枯燥、也最容易劝退的一段。三条建议:
- 完整复制报错,连同你输入的命令一起交给 AI。
- 说清楚你的系统版本:“macOS 15,芯片是 M2。”
- 装不上就换条路,别死磕。目标是有一个能用的环境,不是某个特定方案。