把想法变成文件是智能体最擅长的事之一，我们就从这里开始。

用一两句话讲讲你的想法，智能体就会把文件写出来。保存之前，你可以先过目。

第一版很少一步到位。要改的时候，记得说清楚改哪个文件，比如“在 README.md 里加一节 Getting started”。不说的话，智能体可能会改错文件。

动手

1. 项目还是空的。点输入，再按 Enter；也可以用自己的话把想法说出来。
2. 看完差异，选 Yes。点运行，README.md 就会显示成网页。
3. 让智能体改一处 README.md，或者在编辑器标签里打开它自己改。
4. 如果智能体要改的不是这个文件，选 No，在下一条消息里写明文件名。

智能体能读代码，告诉你代码是干什么的。遇到别人写的项目，可以先让它讲讲。

用 @ 附上文件，智能体就会照着这个文件回答，而不是凭印象去套类似的页面。

回答别全信，运行页面自己核对一下。

动手

1. 项目里只有 index.html 这一个文件，想看可以在编辑器标签里打开。
2. 点输入，再按 Enter。智能体只回答，不动文件。
3. 点运行，输入金额，点一下按钮。页面的表现和智能体说的一样吗？
4. 哪里没讲清楚或讲错了，就接着问，比如“哪一行显示小费？”

智能体也能改已有的文件。好的改动都很小，只动你让它改的地方。

它改文件有两种方式。

智能体的工具	做什么	差异里能看到
Update	替换几行	新加的几行，其余原封不动
Write	把整个文件重写一遍	每一行，连没改的也在

小改动一眼就能看完，也不会顺手弄坏页面的其他地方。提示词里那句“其他什么都不要改”，就是为了把改动控制在小范围。

动手

1. 点输入，再按 Enter。
2. 选之前先看差异：应该只多了一两行，没有删掉的。如果它把整个文件重写了，选 No，再告诉它“只加这个按钮。”
3. 点运行。账单填 200，点 20%，小费应该是 40；再点 15%，还是 30。

智能体能帮你找出 bug 并修好。bug 在哪你不用知道，说清楚哪里不对就行。

好的 bug 报告讲清两件事就够了。

内容	例子
看到的	2 + 3 显示 23
应该是	5

只说“坏了”，智能体无从下手；说“显示 23，不是 5”，它就能直奔问题。

动手

1. 点运行，输入 2 和 3，点 Add，先亲眼看看这个 bug。
2. 点输入，再按 Enter。智能体会读 index.html，给出修改方案。
3. 看一下差异，好的修复只改一两行。选 Yes。
4. 点运行，再试一次 2 + 3。还不对的话，把现在看到的情况告诉智能体。

这次你自己做一个小页面，把前面几个实验学到的用起来。

步骤	做法
计划	按 shift+tab 切到 plan mode，再提需求
编写	批准计划，看差异，选 Yes
检查	运行，点 + 和 Reset
修复	说清看到的和应该是的
修改	只提一处小改动，写明文件名，再加一句“其他什么都不要改”

动手

1. 项目是空的。按 shift+tab，直到状态行出现 plan mode。
2. 点输入，再按 Enter。看完计划，选 Yes, and manually approve edits。
3. 看完 index.html 的差异，选 Yes。
4. 点运行。点三次 +，再点 Reset。
5. 哪里不对，就把看到的情况告诉智能体。然后自己想一处改动，比如加个 − 按钮。