生成第一版项目

03-01 生成第一版项目

课程定位

这一课进入“生成第一版并跑起来”。前面已经完成项目文件夹、界面草图、实现计划和技术路线。现在可以让 AI 根据这些材料生成第一版项目文件。

第一版的目标只有一个：能跑通核心流程。先看到页面或输出，再进入细节修改。

这一课的成果是一版可运行项目文件。

本课目标

• 能把项目说明、草图和实现计划交给 AI。
• 能让 AI 生成第一版文件。
• 能检查 AI 是否按计划创建文件。
• 能保存第一版生成记录。
• 能为下一课本地运行做准备。

录制建议

• 建议时长：25 到 35 分钟。
• 先回顾实现计划，再开始生成。
• 用静态 HTML 主项目演示最直观。
• 生成后先看文件清单，暂时不讲代码细节。
• 收尾提醒学员：第一版先追求能运行。

课前准备

• 项目文件夹。
• 第一版项目说明。
• 界面草图。
• 实现计划。
• 技术路线选择卡。
• AI 工作台工具。

讲稿正文

可以这样开场：

“到这一课，我们终于让 AI 开始写第一版项目文件。前面几节课像是在备料、画线、看施工图。现在开始下第一刀。”

生成第一版前，先把材料交齐：

• 项目说明告诉 AI 要解决什么问题。
• 使用者故事告诉 AI 用户怎么用。
• 界面草图告诉 AI 页面怎么摆。
• 实现计划告诉 AI 创建哪些文件。
• 技术路线告诉 AI 用哪种方式做。

然后给 AI 一个清楚指令：按照确认过的第一版范围生成文件。这里要强调“按照计划”，因为 AI 很容易顺手加功能。

以 CSV 转 Markdown 小工具为例，第一版可以生成：

index.html
style.css
script.js
README.md

生成完成后，先做三件检查。

第一，文件是否齐。

对照实现计划，看 AI 创建了哪些文件。

第二，范围是否稳。

查看它有没有加入登录、上传、历史记录等暂缓功能。

第三，运行说明是否写清。

README 里要有怎么打开或怎么运行的说明。

最后收束：

“第一版像刚拼好的木架子。现在先确认木架子站得起来，装饰、打磨、上漆都放到后面。”

屏幕演示流程

1. 打开项目文件夹。
2. 打开项目说明、草图、实现计划。
3. 让 AI 复述第一版目标和技术路线。
4. 确认后让 AI 生成第一版文件。
5. 查看文件列表。
6. 对照实现计划检查文件是否齐。
7. 让 AI 说明每个文件的用途。
8. 保存第一版生成记录。

给 AI 的协作卡

请根据当前项目文件夹里的项目说明、界面草图、实现计划和技术路线，生成第一版项目文件。

要求：
1. 严格按照第一版范围
2. 先创建实现计划里的文件
3. README 写清本地运行方式
4. 暂缓需求先记录在 README 的后续计划里
5. 生成后列出文件清单和每个文件用途

请先复述你理解的第一版目标，再开始生成。

第一版生成记录

• 生成时间：
• 第一版目标：
• AI 创建的文件：
• 每个文件用途：
• 是否符合实现计划：
• 暂缓需求是否保留：
• README 是否包含运行方式：

课堂练习

让学员根据自己的项目说明生成第一版文件。

要求：

• 生成前让 AI 复述目标。
• 生成后对照实现计划检查文件。
• 把文件清单写进生成记录。

常见卡点

• AI 加了很多功能：要求它回到第一版范围。
• 文件名和计划不一致：让 AI 说明原因，再决定是否调整。
• README 没写运行方式：让 AI 补充。
• 学员急着改样式：先进入下一课运行检查。

课后作业

生成主项目第一版文件，并保存生成记录。

提交内容：

• 项目文件夹截图。
• 第一版生成记录。
• AI 对文件用途的说明。

课件页建议

• 第 1 页：开始下第一刀
• 第 2 页：生成前交齐五份材料
• 第 3 页：第一版文件清单
• 第 4 页：生成后先看文件
• 第 5 页：第一版生成记录