跳转到内容

环境准备:从零开始配置你的编程工具

完成时间:约 30 分钟。不需要任何编程基础。


工具一句话解释
Cursor / VS Code你和 AI 对话、看代码的地方(代码编辑器)
终端 (Terminal)运行命令的地方,AI 会给你命令让你在这里执行
Git + GitHub 账号保存代码的版本控制,像文档的”历史记录”
Node.jsJavaScript 运行环境,前端项目需要它
Go后端编程语言,本课程的后端用 Go 写
Docker Desktop把数据库等服务打包运行,不用你手动安装配置
Chrome 浏览器测试你写的网页

第一步:安装 Homebrew(macOS 的软件管理工具)

Section titled “第一步:安装 Homebrew(macOS 的软件管理工具)”

打开”终端”应用(在启动台搜索”终端”或”Terminal”),粘贴以下命令并回车:

Terminal window
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完成后,按终端里提示的命令把 Homebrew 加入路径(通常会显示两行 eval 开头的命令,复制粘贴执行即可)。

Terminal window
brew install git node go

前往 https://www.docker.com/products/docker-desktop/ 下载 macOS 版本,打开安装包拖入应用程序文件夹,然后启动一次 Docker Desktop。

二选一:

下载后拖入应用程序文件夹即可。

前往 https://github.com 注册一个免费账号。

在终端逐条运行以下命令,每条都应该输出版本号:

Terminal window
git --version
node --version
go version
docker --version

全部有输出就说明安装成功。


第一步:安装 WSL2(Windows 下的 Linux 环境)

Section titled “第一步:安装 WSL2(Windows 下的 Linux 环境)”

WSL 让你在 Windows 里运行 Linux 命令行,开发体验和 macOS 一致。

以管理员身份打开 PowerShell(右键开始菜单 → “终端(管理员)”),运行:

Terminal window
wsl --install

安装完成后重启电脑。重启后会弹出 Ubuntu 窗口,设置用户名和密码。

第二步:在 WSL 中安装 Git、Node.js、Go

Section titled “第二步:在 WSL 中安装 Git、Node.js、Go”

打开 Ubuntu 终端(在开始菜单搜索”Ubuntu”),依次运行:

Terminal window
sudo apt update && sudo apt upgrade -y
sudo apt install -y git curl

安装 Node.js(使用 NodeSource):

Terminal window
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

安装 Go:

Terminal window
sudo apt install -y golang-go

前往 https://www.docker.com/products/docker-desktop/ 下载 Windows 版本并安装。安装时勾选”Use WSL 2 based engine”。

二选一:

安装后打开编辑器,安装 WSL 扩展(在扩展商店搜索”WSL”,点击安装)。这样编辑器就能连接到 WSL 环境。

前往 https://github.com 注册一个免费账号。

在 Ubuntu 终端逐条运行:

Terminal window
git --version
node --version
go version
docker --version

全部有输出就说明安装成功。


用这个小练习确认环境可以正常工作。

  1. 打开 Cursor 或 VS Code
  2. 新建一个文件夹,比如叫 my-first-project
  3. 在编辑器里打开这个文件夹
  4. 打开 AI 对话框(Cursor 按 Cmd+KCtrl+K;VS Code 需要安装 AI 插件)
  5. 输入这段提示词:
帮我创建一个最简单的网页,显示"Hello World",用 HTML + CSS,背景用浅蓝色
  1. AI 会生成一个 HTML 文件,保存它
  2. 在文件管理器中双击这个 HTML 文件,用 Chrome 打开
  3. 如果你看到浅蓝色背景上显示”Hello World”,恭喜,你的环境已经就绪

安装过程中遇到任何报错,不要慌。用这个模板直接问 AI:

我在安装 {工具名称} 时遇到了这个错误:
{把终端里的错误信息粘贴在这里}
我用的是 {macOS / Windows},请帮我解决。

{...} 里的内容替换成你的实际情况。比如:

我在安装 Homebrew 时遇到了这个错误:
curl: (7) Failed to connect to raw.githubusercontent.com
我用的是 macOS,请帮我解决。

这就是 AI 编程的核心技能之一:遇到问题 → 复制错误信息 → 发给 AI → 按 AI 的指示操作。你会在整个课程中反复用到这个方法。