第二节 实践与总结
一、实践任务
为了巩固本章所学的“AI 辅助迭代开发”技能，请大家独立完成以下综合实践任务，并按要求提交成果文件压缩包：
- 提交完整项目源码：根据第一节的实操指南，与AI辅助工具协作完成“个人笔记网站”的开发。确保项目具备完整的增、删、查以及本地数据存储（localStorage）功能。提交包含 HTML、CSS 和 JavaScript 逻辑的完整源代码文件。文件夹命名：web
- 提交提示词日志（Prompt Log）文档：在开发过程中，新建一个文本文档，将你发送给 AI 的所有原始指令（包括初始需求、修改样式的要求、修复 Bug 的报错信息等）按顺序完整地记录下来。这将作为你“AI 编程与沟通思维”的重要考核依据。提示词文件命名：prompt.txt
- 提交最终效果截图：将你做好的完整 Web 应用在浏览器中运行，截取一张全屏效果图（建议包含浏览器地址栏的本地环境 URL，以证明在本地服务器运行），并与上述文件一并打包提交。截图文件命名：web.png
实践任务
二、章节总结
在本次由 AI 辅助的零代码实战中，我们不仅体验了极速开发原型的乐趣，也必须建立起对人机协作开发的正确认知：
（一）生成结果的“唯一性”与提示词进阶
通过实践大家会发现，即使全班同学输入了完全相同的初始口令，每个人最终得到的网页配色、排版和细节也会千差万别。这就是大语言模型的特性——它具备不可完全预测的随机性。 在初学阶段，你可能会觉得生成好看的页面很大程度上取决于“运气”。然而，随着后续章节中大家对 CSS 布局原理的深入学习，以及与 AI 交互经验的积累，你会逐渐掌握“提示词工程（Prompt Engineering）”。当你学会使用更加精准、专业的术语（例如：明确要求使用 Flex 布局居中、设置主色调的 RGB 设定值、指定阴影和圆角大小等）去控制 AI 时，“运气”成分就会被大幅压缩，你将真正掌控最终的视觉呈现效果。
（二）迭代开发的铁律：及时纠错与“断舍离”
在与 AI 结对编程时，我们必须坚守一个原则：绝不带着 Bug 前进。 如果当前生成的代码出现了错乱、报错或功能缺失，必须立即把现象或控制台的红色报错信息反馈给 AI，要求它修正错误。如果在未修复的情况下直接让它继续添加新功能，错误就会像滚雪球一样越积越多（这在软件工程中被称为“技术债务”），最终导致整个项目的逻辑彻底崩溃，让之前的心血付诸东流。 此外，在使用 AI 进行问答时，如果因为前期指令不清晰，导致页面已经被改得面目全非且 AI 无法理解如何修复时，我们需要有“断舍离”的勇气。果断清空当前混乱的代码，总结刚才的失败经验，重新梳理出一段更严密、更完善的提示词，让 AI 从头开始生成，这往往比在乱麻中强行修补要高效得多。