环境准备:从零开始配置你的编程工具
完成时间:约 30 分钟。不需要任何编程基础。
1. 你需要安装什么,为什么
Section titled “1. 你需要安装什么,为什么”| 工具 | 一句话解释 |
|---|---|
| Cursor / VS Code | 你和 AI 对话、看代码的地方(代码编辑器) |
| 终端 (Terminal) | 运行命令的地方,AI 会给你命令让你在这里执行 |
| Git + GitHub 账号 | 保存代码的版本控制,像文档的”历史记录” |
| Node.js | JavaScript 运行环境,前端项目需要它 |
| Go | 后端编程语言,本课程的后端用 Go 写 |
| Docker Desktop | 把数据库等服务打包运行,不用你手动安装配置 |
| Chrome 浏览器 | 测试你写的网页 |
2. macOS 安装步骤
Section titled “2. macOS 安装步骤”第一步:安装 Homebrew(macOS 的软件管理工具)
Section titled “第一步:安装 Homebrew(macOS 的软件管理工具)”打开”终端”应用(在启动台搜索”终端”或”Terminal”),粘贴以下命令并回车:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"安装完成后,按终端里提示的命令把 Homebrew 加入路径(通常会显示两行 eval 开头的命令,复制粘贴执行即可)。
第二步:安装 Git、Node.js、Go
Section titled “第二步:安装 Git、Node.js、Go”brew install git node go第三步:安装 Docker Desktop
Section titled “第三步:安装 Docker Desktop”前往 https://www.docker.com/products/docker-desktop/ 下载 macOS 版本,打开安装包拖入应用程序文件夹,然后启动一次 Docker Desktop。
第四步:安装代码编辑器
Section titled “第四步:安装代码编辑器”二选一:
- Cursor(推荐,AI 功能内置):https://cursor.sh
- VS Code:https://code.visualstudio.com
下载后拖入应用程序文件夹即可。
第五步:注册 GitHub 账号
Section titled “第五步:注册 GitHub 账号”前往 https://github.com 注册一个免费账号。
第六步:验证安装
Section titled “第六步:验证安装”在终端逐条运行以下命令,每条都应该输出版本号:
git --versionnode --versiongo versiondocker --version全部有输出就说明安装成功。
3. Windows 安装步骤
Section titled “3. Windows 安装步骤”第一步:安装 WSL2(Windows 下的 Linux 环境)
Section titled “第一步:安装 WSL2(Windows 下的 Linux 环境)”WSL 让你在 Windows 里运行 Linux 命令行,开发体验和 macOS 一致。
以管理员身份打开 PowerShell(右键开始菜单 → “终端(管理员)”),运行:
wsl --install安装完成后重启电脑。重启后会弹出 Ubuntu 窗口,设置用户名和密码。
第二步:在 WSL 中安装 Git、Node.js、Go
Section titled “第二步:在 WSL 中安装 Git、Node.js、Go”打开 Ubuntu 终端(在开始菜单搜索”Ubuntu”),依次运行:
sudo apt update && sudo apt upgrade -ysudo apt install -y git curl安装 Node.js(使用 NodeSource):
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -sudo apt install -y nodejs安装 Go:
sudo apt install -y golang-go第三步:安装 Docker Desktop
Section titled “第三步:安装 Docker Desktop”前往 https://www.docker.com/products/docker-desktop/ 下载 Windows 版本并安装。安装时勾选”Use WSL 2 based engine”。
第四步:安装代码编辑器
Section titled “第四步:安装代码编辑器”二选一:
- Cursor(推荐):https://cursor.sh
- VS Code:https://code.visualstudio.com
安装后打开编辑器,安装 WSL 扩展(在扩展商店搜索”WSL”,点击安装)。这样编辑器就能连接到 WSL 环境。
第五步:注册 GitHub 账号
Section titled “第五步:注册 GitHub 账号”前往 https://github.com 注册一个免费账号。
第六步:验证安装
Section titled “第六步:验证安装”在 Ubuntu 终端逐条运行:
git --versionnode --versiongo versiondocker --version全部有输出就说明安装成功。
4. 验证:你的第一次 AI 编程
Section titled “4. 验证:你的第一次 AI 编程”用这个小练习确认环境可以正常工作。
- 打开 Cursor 或 VS Code
- 新建一个文件夹,比如叫
my-first-project - 在编辑器里打开这个文件夹
- 打开 AI 对话框(Cursor 按
Cmd+K或Ctrl+K;VS Code 需要安装 AI 插件) - 输入这段提示词:
帮我创建一个最简单的网页,显示"Hello World",用 HTML + CSS,背景用浅蓝色- AI 会生成一个 HTML 文件,保存它
- 在文件管理器中双击这个 HTML 文件,用 Chrome 打开
- 如果你看到浅蓝色背景上显示”Hello World”,恭喜,你的环境已经就绪
5. 遇到问题?
Section titled “5. 遇到问题?”安装过程中遇到任何报错,不要慌。用这个模板直接问 AI:
我在安装 {工具名称} 时遇到了这个错误:
{把终端里的错误信息粘贴在这里}
我用的是 {macOS / Windows},请帮我解决。把 {...} 里的内容替换成你的实际情况。比如:
我在安装 Homebrew 时遇到了这个错误:
curl: (7) Failed to connect to raw.githubusercontent.com
我用的是 macOS,请帮我解决。这就是 AI 编程的核心技能之一:遇到问题 → 复制错误信息 → 发给 AI → 按 AI 的指示操作。你会在整个课程中反复用到这个方法。