安装并配置AI工具，让电脑具备自动制作和修改官网的能力。 这一阶段解决的是：先安全跑通第一次AI任务，再让AI准备后续网站制作需要的基础运行条件。
🎯 本阶段目标
完成一款AI建站助手的安装登录，用空文件夹跑通只读检查，并让AI检查网站制作所需的基础环境。
🚀 开始行动
前四章，我们已经弄清楚为什么品牌官网需要重做，以及一个更容易被用户和AI理解的网站应该是什么样。
从这一章开始，我们正式进入实操。
你不需要学习编程，也不需要先研究代码和各种技术名词。现在只需要在电脑上安装一款AI工具即可。
请从本章提供的官方入口下载并登录Codex或WorkBuddy，选定一款后，后续章节继续使用同一款即可。
后续使用方式始终相同：选择工作文件夹、提供资料、用自然语言安排任务，再检查结果。
工具界面以后可能会更新。只要能正常登录、建立任务并选择当前工作文件夹，就可以继续课程。
完成本章后，你会得到一款已经安装并登录的AI建站工具、一个用于练习的空文件夹、一次成功的自然语言任务，以及对AI工作方式最基础的认识。
本章只做四个动作：
选择工具 → 完成安装 → 新建任务 → 说出第一句话
一、先看懂工具和选择路线
Codex/WorkBuddy 是做什么的
Codex和WorkBuddy都可以接收你用自然语言提出的要求，并帮助你完成电脑上的具体任务。
后续建站时，你会把品牌资料、图片和课程提供的建站工具交给AI，再告诉它想要生成一个什么样的网站。
它可以继续帮助你：
- 读取和整理网站资料；
- 创建网站项目和页面；
- 运行和检查网站；
- 修改文字、图片和页面布局；
- 处理网站制作过程中遇到的问题；
- 生成后续上线需要的网站文件。
你不需要告诉AI每一行代码应该怎么写。你只需要说清楚目标、提供资料，并在AI完成后检查结果。
新建任务，提供资料，用自然语言说明要求，等待AI执行，再检查结果。
二、完成下载安装和登录
Codex下载安装与登录（主导案例）
本课程以Codex作为主导演示。能正常使用海外环境的学员，优先推荐使用Codex；如果当前环境不方便，可以跳到下一小节使用WorkBuddy。
Codex已经整合进新版ChatGPT桌面应用。下载并登录后，在桌面应用左上角选择Codex即可。
下载页面提供macOS和Windows版本，请使用官方桌面应用入口。
安装步骤：
- 打开官方下载页面；
- 根据电脑选择macOS或Windows版本；
- 下载并完成安装；
- 打开ChatGPT桌面应用并登录；
- 从左上角进入Codex；
- 确认可以新建任务或选择工作位置。
**正常结果：**你已经进入Codex界面，并且能够看到“新建任务”或选择工作位置的入口。
**遇到问题：**如果下载、登录或Codex无法正常打开，直接使用下一小节的WorkBuddy继续学习。
WorkBuddy下载安装与登录
WorkBuddy是本课程为国内网络环境准备的AI建站工具，功能和Codex非常接近，同时它是腾讯旗下产品，后续和腾讯云对接会更加顺畅。
安装步骤：
- 打开官方下载页面；
- 根据自己的电脑选择对应版本；
- 下载并完成安装；
- 打开WorkBuddy；
- 按照页面提示完成登录；
- 进入可以新建任务的主界面。
**正常结果：**你已经进入WorkBuddy主界面，并且能够看到“新建任务”或开始工作的入口。
两个工具根据自己的情况，二选一即可，如果都想体验下，可以都下载试试。
三、完成第一次文件夹检查
安装完成后，不要马上开始生成网站。
我们先做一次最简单、最安全的测试，确认你已经知道怎样新建任务、在哪里输入要求，以及AI能不能正常读取当前工作位置。
创建练习文件夹
在电脑桌面创建一个新文件夹，命名为：
AI建站练习
这个文件夹暂时不需要放任何资料。
新建任务并选择文件夹
打开你选择的Codex/WorkBuddy，找到“新建任务”“开始任务”或意思相近的入口。
按照工具提示，选择刚刚创建的AI建站练习文件夹。
Codex和WorkBuddy的按钮位置可能随版本更新。找不到时，跟随本章对应的配套录屏，并寻找意思相近的“新建任务”和“选择工作位置”。
工具界面以后可能会更新。按钮位置发生变化并不代表课程失效，只要找到“新建任务”和“选择工作位置”这两个动作即可。
说出第一句话
找到任务中的对话输入框，复制下面这段话并发送：
提示词 P05-01｜检查当前工作文件夹 打开复制页（会直接定位到同编号提示词） →
请检查当前工作文件夹，告诉我里面是否有文件。
这一步只做检查，不要创建、删除或修改任何文件。
**正常结果：**AI告诉你当前文件夹是空的，或者里面没有需要处理的文件。
这说明：
- 工具已经可以正常使用；
- 你已经成功新建任务；
- AI能够读取当前工作位置；
- 你知道在哪里输入自然语言要求；
- 你已经完成第一次人和AI的任务协作。
**如果AI开始创建文件：**直接发送下面这句话，然后等待AI停止。
提示词 P05-02｜停止误操作 打开复制页（会直接定位到同编号提示词） →
停止修改。这一步只检查文件夹，不要创建任何文件。
四、只认识四个重要位置
第一次使用Codex/WorkBuddy时，你只需要找到四个位置。
下面是界面示意图，用来帮助你理解位置关系，不代表软件当前按钮一定完全相同。
1. 新建任务
用来开始一项新的工作。后续每个项目都应该在独立任务中进行，避免不同品牌项目的资料混在一起。
2. 工作文件夹或资料入口
用来告诉AI本次任务可以读取哪些资料、在哪个位置创建网站。
每次只选择当前正在处理的品牌项目，不要把整个电脑都交给AI。
3. 对话输入框
用来输入你的目标、要求和修改意见。你不需要输入代码，正常使用中文描述即可。
4. 工作过程与结果
AI开始执行后，界面会显示它正在读取资料、处理任务或者等待你的确认。
不要看到几行英文就马上关闭软件。先等待它完成，再阅读最终结果。
五、怎样给AI安排任务
以后你在Codex/WorkBuddy中提出要求时，不需要学习专业提示词。
先做到三件事：
- 说清楚要完成什么；
- 告诉AI可以使用哪些资料；
- 说明哪些内容不能随意修改。
例如：
提示词 P05-03｜读取品牌资料 打开复制页（会直接定位到同编号提示词） →
请先读取当前文件夹中的品牌资料和图片。
暂时不要生成网站。
先告诉我你读取到了哪些内容，还有哪些资料没有找到。
或者：
提示词 P05-04｜继续修改当前网站首页 打开复制页（会直接定位到同编号提示词） →
请继续修改当前网站的首页。
保留品牌名称、联系方式和现有品牌色。
修改完成后重新打开页面检查，不要只告诉我修改方法。
你不需要一次把所有要求说得完美。AI完成一轮后，你可以继续补充和纠正。
这也是后续课程最重要的工作方式：
先提出一个清楚的任务，让AI执行，再根据结果继续调整。
六、遇到权限提示时怎么办
为了读取资料、创建网站和运行检查，AI有时会请求文件或系统权限。
小白不需要理解每一种技术权限，只需要记住三个原则。
只允许访问当前项目
每次只把当前网站文件夹和相关资料交给AI。
不要因为图方便，就允许它读取整个电脑和所有私人文件。
重要操作不要盲目连续确认
如果工具要求你输入电脑密码、安装其他软件、删除大量文件、修改系统设置、开通付费服务，或者上传、公开发布内容，先停下来阅读AI的说明，确认它和当前任务有关，再决定是否继续。
本章的第一次测试只读取空文件夹，不需要安装网站环境，也不需要修改文件。
AI说完成以后仍然要自己检查
AI可以帮你执行，但不能代替你判断结果是否正确。
以后每完成一步，都要重新打开页面或文件进行确认。
七、让AI一次配置好网站运行环境
前面，你已经完成了AI编程工具的安装、登录和第一次安全测试。
接下来，还需要让AI给电脑准备一套网站运行环境。
这一步通常只需要完成一次。以后生成不同品牌的网站时，不需要每次重新安装。
为什么现在要配置
我准备使用的网站技术基线是：
- Next.js；
- React；
- TypeScript；
- Tailwind CSS；
- pnpm；
- 静态导出
out/。
这些名称现在都不需要学习。
你只需要知道：网站源码生成以后，电脑必须具备相应的运行条件，AI才能继续安装项目依赖、构建网站、启动本地预览，并在修改后重新检查结果。
如果电脑没有准备好这些条件，第七章即使生成了网站源码，也可能无法构建out/和打开预览地址。
所以我们现在提前把这一步完成。
这一步会配置什么
Codex/WorkBuddy会帮助你检查和配置四项基础环境：
- Node.js：负责运行和构建网站；
- npm：随Node.js一起安装，负责管理部分安装任务；
- pnpm：负责安装当前网站项目需要的依赖。
- Git：保存网站项目的重要版本，后面修改出错时可以恢复。
Git也会在这次环境配置里一起准备好。它会保存网站的重要版本，后面修改出错时可以恢复；现在不需要学习专业命令。
这里只安装电脑运行网站所需的基础环境。
Next.js、React、TypeScript和Tailwind CSS不需要现在全局安装。第七章拿到真实网站项目后，AI会把它们安装在当前网站项目里。
开始前需要准备什么
你只需要确认：
- Codex或WorkBuddy已经安装并登录；
- 已经能够正常新建任务；
- 已经完成前面的第一次文件夹检查；
- 电脑保持联网。
现在不需要准备品牌资料、网站源码或课程建站工具箱，也不会正式创建网站。
可以继续使用刚才的“AI建站练习”任务，或者打开一个新的对话窗口复制下面这段提示词，即可自动安装所有内容。
把环境配置任务交给AI
把下面的提示词完整复制到Codex/WorkBuddy中，然后发送。
提示词 P05-05｜一次配置网站运行环境 打开复制页（会直接定位到同编号提示词） →
我准备使用AI生成和维护品牌官网。当前还没有具体网站源码。
请直接把这台电脑一次性配置成可以运行、构建、预览和修改实际网站项目的本地环境。
我准备使用的网站技术基线是：
- Next.js App Router
- React
- TypeScript
- Tailwind CSS
- pnpm
- 静态导出out/
请直接执行下面的任务，不要只给我安装教程。
一、先检查当前电脑
1. 自动识别当前电脑是macOS还是Windows，并识别CPU架构、当前终端环境和可用的系统安装方式。
1.1 后续每一步都根据当前系统选择仍受维护、最合适的官方或系统原生方案。macOS和Windows可以使用不同的安装工具与命令，不要为了形式统一强迫两套系统使用同一种外部工具；最终只以当前电脑真实重开后的命令可用性为准。
2. 检查Node.js、npm、pnpm和Git是否已经安装，并记录当前实际生效的版本和所在位置。
2.1 如果Git已经安装，检查版本和基本可用性；如果没有安装，根据当前操作系统通过官方可信方式安装稳定版本。
2.2 本次任务只检查和准备Git命令，不要检查、询问、收集或配置我的姓名和邮箱，不要修改全局Git身份；不要初始化网站仓库，不要创建远程仓库，也不要上传任何文件。真正建立网站版本时，如果当前网站仓库没有可用身份，由AI按项目规则只在该仓库配置非个人的本机自动版本记录身份，不需要我提供姓名或邮箱。
3. 检查电脑里是否存在多个Node.js版本、旧版本残留、命令冲突或环境变量失效。
4. 如果已经存在兼容、稳定且仍受官方维护的版本，直接继续使用，不要重复安装，不要随意卸载、降级或破坏原有环境。
二、安装和配置基础环境
5. 如果没有兼容的Node.js，请通过官方可信来源或当前系统可靠的安装方式，安装当前仍受官方维护、适合生产使用的Node.js长期支持版LTS，不要安装实验版或已经停止维护的版本。
6. npm应随Node.js一起正常安装，不要脱离Node.js单独安装来历不明的npm版本。
7. 安装与当前Node.js兼容的稳定版pnpm。优先使用当前Node.js支持的官方管理方式；如果不可用，再选择安全、稳定的官方安装方式。
8. 完成必要的用户级环境变量和命令路径配置，确保关闭并重新打开Codex、WorkBuddy或终端后，node、npm和pnpm命令仍然可以正常使用。
9. 如果电脑中存在多个Node.js版本，只处理当前实际冲突的问题，不要直接删除其他版本。确保后续AI编程工具能够调用到正确版本。
三、自动诊断和修复常见异常
10. 如果出现“找不到命令”、PATH未生效、版本冲突、安装不完整、pnpm无法启动、普通用户权限不足或重新打开软件后命令失效，请先分析原因并自动修复。
11. 每次修复后都要重新检查，不要看到安装命令执行结束就直接判断成功。
12. 如果同一个问题连续修复仍然失败，不要反复执行相同命令。请停止并明确告诉我真正的失败原因和下一步需要做什么。
13. 不要通过关闭系统安全功能、关闭杀毒软件、全局放宽PowerShell安全策略、修改DNS、修改系统代理或使用来历不明的安装脚本解决问题。
14. 不要清空或删除与本次任务无关的环境、软件、项目、全局缓存和用户文件。
15. 如果必须输入电脑密码、点击Windows管理员确认、允许系统权限或重新打开软件，请暂停并用中文告诉我：
- 为什么需要这项操作；
- 我应该在电脑上的哪个位置完成；
- 完成后应该回复你什么。
16. 不要让我把电脑密码发送到聊天输入框。密码只能由我本人在电脑的系统窗口或本地密码提示中输入。
四、不要提前安装项目依赖
17. 现在不要创建正式网站。
18. 不要全局安装Next.js、React、TypeScript或Tailwind CSS。
19. 这些属于具体网站项目的依赖，等拿到具体网站项目后，再由AI根据项目中的package.json或pnpm-lock.yaml安装。
20. 不要因为当前文件夹为空，就擅自生成演示网站、示例页面或其他无关文件。
五、完成真实检查
21. 安装和配置完成后，实际运行并检查：
- node版本；
- npm版本；
- pnpm版本；
- Git版本、调用位置和基本命令是否正常；
- 四个命令的实际调用位置；
- 当前生效的Node.js是否为兼容的LTS版本。
22. 检查电脑能否正常访问项目依赖所使用的软件包仓库。
23. 可以在系统临时目录中建立一个最小测试目录，验证pnpm能够正常执行基础安装任务；测试完成后，只删除本次创建的临时测试目录，不要删除其他文件。
24. 如果需要重新打开Codex、WorkBuddy或终端才能完成最终验证，请暂停并告诉我重新打开。等我完成后，再继续最终检查。
25. 只有Node.js、npm、pnpm和Git全部通过实际检查，才能告诉我环境配置完成。
请直接执行，不要向我讲解编程原理，也不要只输出一组让我自己复制到终端的命令。
完成后只用中文告诉我：
- 识别到的电脑系统；
- 已安装或确认可用的内容及版本；
- Node.js、npm、pnpm和Git检查是否全部通过；
- 是否发现并修复过异常；
- 这台电脑现在是否可以运行、构建、预览和修改实际网站项目；
- 是否具备开始实际网站项目的条件。
如果还有一步必须由我完成，只告诉我具体要做什么。等我完成后，你再继续检查，不要提前宣布成功。
✅已完成准备工作
发送后，出现什么算正常
发送提示词后，AI通常会依次完成：
- 识别macOS或Windows；
- 检查Node.js、npm和pnpm；
- 判断已有环境是否可以继续使用；
- 安装缺少的内容；
- 处理环境变量或版本冲突；
- 运行命令进行实际验证；
- 告诉你Node.js、npm、pnpm和Git是否全部检查通过，并说明Git版本，以及练习文件夹没有被初始化为仓库。
安装过程中出现一些英文命令是正常的，不需要自己翻译，也不要看到英文就关闭软件。
哪些情况需要你操作
大部分工作会由AI完成，但下面几种系统操作不能由AI代替你：
- macOS要求输入电脑登录密码；
- Windows弹出管理员权限确认；
- 系统要求允许安装或访问权限；
- AI要求关闭并重新打开Codex/WorkBuddy；
- 系统安装程序需要你点击确认。
遇到这些情况，先阅读AI说明，只完成它明确要求的那一步。
不要把电脑密码发送到AI对话框。密码只能在电脑自己的系统窗口或本地密码输入位置填写。
操作完成后，可以回复：
提示词 P05-06｜完成系统确认后继续 打开复制页（会直接定位到同编号提示词） →
我已经完成你刚才要求的系统确认，请继续执行剩余安装和最终检查。
然后让AI继续，不需要自己打开终端重新安装一遍。
什么结果代表完成
只有AI明确告诉你以下三项全部正常，才算完成：
- Node.js可以正常使用；
- npm可以正常使用；
- pnpm可以正常使用。
最终结果中还应该明确出现：
检查通过，这台电脑已经具备运行、构建、预览和修改后续网站项目的条件，可以继续下一章。
仅仅出现“安装完成”还不够。
安装命令执行完成，不等于环境一定能够使用。必须等AI完成版本、路径和实际运行检查。
如果AI说没有权限或者无法安装
先看它是否正在等待电脑密码、管理员确认、系统权限或软件重启。
如果是，只完成AI明确要求的操作，然后告诉它继续。
如果AI已经尝试诊断和修复，仍然明确表示无法完成，不要自己在网上随便搜索安装包，也不要连续复制不同教程中的命令。
保留AI最后给出的错误说明，后续根据具体错误处理。
八、哪些内容现在不用学习
完成环境配置，不等于需要学习这些技术。
本章不要求你理解：
- Node.js、npm和pnpm的技术原理；
- 怎样编写代码；
- Git命令和专业原理；
- Next.js、React和Tailwind CSS分别是什么；
- 不同模型有什么区别；
- 插件和扩展怎样安装；
- 网站项目应该怎样配置；
- 每一条安装命令是什么意思。
你现在只需要确认两件事：
- AI编程工具已经能够正常执行任务；
- Node.js、npm、pnpm和Git已经通过实际检查。
第七章开始生成真实网站后，AI会根据具体项目自动安装Next.js、React、TypeScript、Tailwind CSS等项目依赖。
学员不需要手动一个个安装。
本章完成检查
完成下面六项：
-
我已经从Codex或WorkBuddy中选择一款，并完成安装和登录。
-
我已经完成下载安装和登录；
-
我已经创建并选择“AI建站练习”文件夹；
-
AI已经正确完成第一次文件夹检查；
-
AI已经完成Node.js、npm和pnpm的安装或确认；
-
AI已经明确告诉我“检查通过，可以继续下一章”。
六项全部完成，就可以进入下一章。
本章不需要提交额外作业，也不需要记录或理解安装过程中出现的命令。
本章完成标志 现在，你的电脑已经具备一套可以继续使用的AI建站工位：
- AI编程工具已经安装并能够正常登录；
- 你知道怎样新建任务和选择工作位置；
- 你知道怎样用自然语言给AI安排任务；
- 你知道遇到重要权限时不能盲目确认；
- Node.js、npm、pnpm和Git已经检查通过；这个空练习文件夹没有创建仓库，也没有要求你提供姓名或邮箱；
- 电脑已经具备运行、构建、预览和修改后续网站的基础条件。 你还没有学习代码，也没有正式开始生成网站。 但最容易让小白在中途卡住的工具和环境问题，已经提前处理完成。
下一阶段预告
AI工具和电脑环境已经准备好。
下一章，我们会把企业零散的资料、访谈内容和公开信息，整理成可以直接交给AI建站的品牌知识库与行业知识库。
你还没有学习任何代码，但已经完成了AI建站最关键的第一步：
不再把它当成一套看不懂的编程软件，而是把它当成一个能够读取资料、执行任务并接受你检查的AI助手。