格子 AI 编程入门
第 8 章

修改和迭代

做项目最核心的技能不是"一次就写对",而是"写了改、改了再改"。这一章专门教你怎么跟 AI 来回对话,把东西迭代好。

做项目最核心的技能不是"一次就写对",而是"写了改、改了再改"。这一章专门教你怎么跟 AI 来回对话,把东西迭代好。

核心心态:别指望一次成型

AI 写代码,第一次出来的东西大概 60-80 分。你的工作是通过后续对话,把它推到 90 分。

这个过程完全正常。专业程序员也是这么干的。

基础招式:三种最常用的迭代话术

话术一:"请把 XX 改成 YY"

最直接、最高频的用法。

你:请把按钮颜色从蓝色改成绿色
你:请把标题字号调大一点
你:请把头像从圆形改成方形
你:请把"添加"按钮的提示改成中文

每次只改一个点。不要一次说五个修改——AI 容易漏。

话术二:"加一个 XX 功能"

在现有基础上增加新功能。

你:加一个"清空所有已完成事项"的按钮
你:加一个搜索框,能按关键词过滤待办事项
你:加一个深色模式开关
你:加一个统计数据,显示"已完成 X 条,未完成 Y 条"

话术三:"现在的问题是 XX,请修复"

描述你看到的异常。

你:现在的问题是,添加空内容也会生成一条待办事项,请修复
你:现在的问题是,页面在手机上按钮太小点不到,请修复
你:现在的问题是,刷新后颜色设置丢失了,请修复

进阶技巧:带代码追问

当你想做比较复杂的修改时,把代码连同新需求一起发给 AI。

方法:

  1. 用记事本打开你的 .html 文件,全选复制所有代码
  2. 在 AI 对话框里粘贴代码
  3. 代码下方写你的新需求
  4. 发送
(粘贴完整代码)

---

上面是一个待办事项网页。请帮我加一个功能:每条待办事项右边加一个删除按钮(叉号),点删除后该项消失。

为什么管用:AI 看到完整代码,就不需要回忆之前写的内容,修改更准确。

一个迭代案例:把待办事项逐步升级

假设你的待办事项第一版只有基本功能。以下是一组真实的迭代对话示例:

第 1 轮
你:请加一个"全部完成"按钮,一键把所有事项勾上
AI:好的,这是修改后的代码...

第 2 轮
你:现在的问题是,勾选后文字有横线,但颜色没变灰,不够明显。请把已完成项的文字颜色改成灰色
AI:好的,我在 CSS 里加了...

第 3 轮
你:请加一个分类功能:添加事项时能选"工作""生活""学习"三个分类,每条事项前面显示分类标签
AI:好的,我加了选择框和标签...

第 4 轮
你:手机上看分类标签和文字重叠了,请修复手机端的显示
AI:我加了响应式样式...

四轮之后,你的待办事项已经从一个"能用的基础版"变成了一个"有分类、有视觉反馈、手机端也好用"的工具。

而你没写一行代码——你只是在描述你想要的。

一个重要的经验法则

每次只改一件事。改完,试试,再改下一件。

如果一次提五个修改:

一次一个,干净利落。

怎么"回退"到之前的版本

如果你改了好几轮,发现越改越糟,想回到之前的版本:

预防为主:每次 AI 给你新代码之后,保存为一个新文件,加个编号。

这样随时可以回去。

补救办法:把"出问题之前能正常工作"的代码发给 AI,说:"下面这版代码是能用的,请你基于它做 XX 修改,不要做其他改动。"

本章小结

技巧怎么用
基础修改"请把 XX 改成 YY"
新增功能"加一个 XX 功能"
修 bug"现在的问题是 XX,请修复"
复杂修改粘贴完整代码 + 新需求
版本管理每次保存加编号,方便回退
黄金法则一次只改一件事