第 2 章 · 出发前:装好 6 样工具

你现在在哪,这章解决什么

第 1 章你选好了游戏。动手建站之前,先备齐工具——就像做菜前先把锅碗摆上台面。这一章装的东西只装一次,后面每一章都在用;跳过这章,下一章的第一条命令就会卡住。

这章做完你会得到

• 6 样全部就位的工具,每样都验证过能用
• 一个你叫得出名字、以后天天用的 AI 助手

装备 1:终端(打字指挥电脑的窗口)

终端就是你用打字方式向电脑下命令的窗口。

• Mac:按 Command + 空格,输入「终端」(或 Terminal),回车打开。
• Windows:按开始菜单,输入「PowerShell」,回车打开。

确认做对了:窗口里有一个闪烁的光标,前面显示着你的电脑名和 ~ 或 > 符号。这就是终端,以后书里说「在终端输入」,就是在这里打字然后按回车。

装备 2:GitHub 账号(放你网站文件的仓库)

GitHub 是存放网站文件的地方,相当于你的「店面仓库」。

打开 github.com,点右上角 Sign up,用邮箱注册一个免费账号。用户名起个正经的,它会出现在你的网站地址里。

确认做对了:能登录,右上角显示你的头像。

装备 3:Node(网站引擎的底座)

Node 是让这套网站模板能跑起来的底座软件,版本需要 22.13 或更新。

• 打开 nodejs.org,下载左边 LTS(长期支持)版本,双击安装,一路下一步。
• 装完新开一个终端(旧的要关掉重开),输入 node -v 回车。

你会看到:类似 v22.14.0 的一行字。 确认做对了:数字开头是 22 或更大。如果提示 command not found,说明终端没重开,或安装没完成,重来一次。

装备 4:pnpm(搬运工,一条命令装齐网站零件)

在终端输入(pnpm 的官方网站有更多介绍,这里直接装):

npm install -g pnpm

你会看到:几行进度,最后没有红色的 error。 确认做对了:输入 pnpm -v 回车,显示一个版本号。

装备 5:Git(把文件送进仓库的搬运车)

• Mac:终端输入 brew install git(没装 brew 就先到 brew.sh,按首页那行命令装)。或者更简单:装完 Node 后很多 Mac 直接自带 Git,先输 git -v 试试,有版本号就跳过。
• Windows:到 git-scm.com 下载安装,一路下一步。

确认做对了:终端输入 git -v,显示版本号。

装备 6:AI 编程助手(帮你写内容的搭档,后面每章都用)

从 ZCode / Claude Code / Codex / Cursor 里任选一个装上(都有免费额度)。这一章还用不到,第 4 章它就是主角。

确认做对了:软件能打开,你知道怎么新建一个对话。

卡住了怎么办

• 「输入 pnpm 提示 command not found」:pnpm 没装成,或装完没重开终端。关掉终端重新打开再试。
• 「装 Node 的网站打不开/下载慢」:换网络环境重试,或用手机热点下载安装包再传到电脑。
• 「Mac 输 brew install git 报错」:先确认 git -v 是不是已经能用了(很多 Mac 自带);实在要装 brew,照 brew.sh 首页那行命令逐字复制。

✅ 验收(全部成立才算完成)

• ☐ 终端能打开,你知道在哪里打字
• ☐ node -v 显示 22 以上,pnpm -v 和 git -v 都有版本号
• ☐ GitHub 能登录
• ☐ AI 助手装好,能新建对话

下一步

工具齐了——下一章把模板复制下来,30 分钟让一个属于你游戏的网站在浏览器里跑起来。去第 3 章 · 复制模板,跑起你的站