第 8 章
修改和迭代
做项目最核心的技能不是"一次就写对",而是"写了改、改了再改"。这一章专门教你怎么跟 AI 来回对话,把东西迭代好。
做项目最核心的技能不是"一次就写对",而是"写了改、改了再改"。这一章专门教你怎么跟 AI 来回对话,把东西迭代好。
核心心态:别指望一次成型
AI 写代码,第一次出来的东西大概 60-80 分。你的工作是通过后续对话,把它推到 90 分。
这个过程完全正常。专业程序员也是这么干的。
基础招式:三种最常用的迭代话术
话术一:"请把 XX 改成 YY"
最直接、最高频的用法。
你:请把按钮颜色从蓝色改成绿色
你:请把标题字号调大一点
你:请把头像从圆形改成方形
你:请把"添加"按钮的提示改成中文
每次只改一个点。不要一次说五个修改——AI 容易漏。
话术二:"加一个 XX 功能"
在现有基础上增加新功能。
你:加一个"清空所有已完成事项"的按钮
你:加一个搜索框,能按关键词过滤待办事项
你:加一个深色模式开关
你:加一个统计数据,显示"已完成 X 条,未完成 Y 条"
话术三:"现在的问题是 XX,请修复"
描述你看到的异常。
你:现在的问题是,添加空内容也会生成一条待办事项,请修复
你:现在的问题是,页面在手机上按钮太小点不到,请修复
你:现在的问题是,刷新后颜色设置丢失了,请修复
进阶技巧:带代码追问
当你想做比较复杂的修改时,把代码连同新需求一起发给 AI。
方法:
- 用记事本打开你的
.html文件,全选复制所有代码 - 在 AI 对话框里粘贴代码
- 代码下方写你的新需求
- 发送
(粘贴完整代码)
---
上面是一个待办事项网页。请帮我加一个功能:每条待办事项右边加一个删除按钮(叉号),点删除后该项消失。
为什么管用:AI 看到完整代码,就不需要回忆之前写的内容,修改更准确。
一个迭代案例:把待办事项逐步升级
假设你的待办事项第一版只有基本功能。以下是一组真实的迭代对话示例:
第 1 轮
你:请加一个"全部完成"按钮,一键把所有事项勾上
AI:好的,这是修改后的代码...
第 2 轮
你:现在的问题是,勾选后文字有横线,但颜色没变灰,不够明显。请把已完成项的文字颜色改成灰色
AI:好的,我在 CSS 里加了...
第 3 轮
你:请加一个分类功能:添加事项时能选"工作""生活""学习"三个分类,每条事项前面显示分类标签
AI:好的,我加了选择框和标签...
第 4 轮
你:手机上看分类标签和文字重叠了,请修复手机端的显示
AI:我加了响应式样式...
四轮之后,你的待办事项已经从一个"能用的基础版"变成了一个"有分类、有视觉反馈、手机端也好用"的工具。
而你没写一行代码——你只是在描述你想要的。
一个重要的经验法则
每次只改一件事。改完,试试,再改下一件。
如果一次提五个修改:
- AI 可能漏掉其中两个
- 引入的新 bug 你不知道是哪次改动导致的
- 改坏了不好回退
一次一个,干净利落。
怎么"回退"到之前的版本
如果你改了好几轮,发现越改越糟,想回到之前的版本:
预防为主:每次 AI 给你新代码之后,保存为一个新文件,加个编号。
待办事项-v1.html待办事项-v2.html待办事项-v3.html
这样随时可以回去。
补救办法:把"出问题之前能正常工作"的代码发给 AI,说:"下面这版代码是能用的,请你基于它做 XX 修改,不要做其他改动。"
本章小结
| 技巧 | 怎么用 |
|---|---|
| 基础修改 | "请把 XX 改成 YY" |
| 新增功能 | "加一个 XX 功能" |
| 修 bug | "现在的问题是 XX,请修复" |
| 复杂修改 | 粘贴完整代码 + 新需求 |
| 版本管理 | 每次保存加编号,方便回退 |
| 黄金法则 | 一次只改一件事 |