🤖 现代 AI 开发者 · 用 AI 搭一个能跑的 App

AI 生成少返工:小步迭代与每步验证 | 喵学堂 AI 实战

小步迭代、先骨架后细节、每步验证再继续

为什么一口气全做完,反而更慢

你一次让 AI「把整个网站连页面带样式带数据全做好」,它会输出一大坨。一旦中间某处出错,你很难指出是哪一步错了,只能整坨推翻重来。

🔆像盖楼不打地基直接封顶。等发现墙是歪的,已经盖到十楼了——返工成本巨大。

小步迭代=每次只让它做一小块,做完确认没问题,再做下一块。错误被关在一小步里,好定位、好修。

先骨架,后细节

正确的顺序是先粗后细
1. 先让它搭出能打开、能看到主要区块的空壳(骨架);
2. 再往里填核心功能(按钮真的能用);
3. 最后才管样式、配色、动画这些细节。

💡骨架阶段不要纠结好不好看。能跑通流程,比漂亮重要得多。
第1步:做出空白主页,有「输入框 + 按钮 + 列表」三个占位
第2步:让按钮能把输入加进列表
第3步:让总额会累加
第4步:再调颜色、间距、字体

每一步都先验证再往下

AI 说「做好了」不等于真做好了。每完成一步,你都该做一次最小验证:打开看看、点一下那个按钮、确认结果对不对。

⚠️没验证就接着让它改下一步,错误会滚雪球:后面的代码盖在错的上面,最后一团乱,谁也理不清。

验证不用复杂:「我点了加一笔,列表里出现了吗?总额对吗?」对了再继续,不对就先让它把这一步修好。

自测 · 学完检查一下

想真正动手做题、记进度、攒连胜?到互动课里练。

小步迭代相比「一次性让 AI 全做完」,最大的好处是?

答案:出错时容易定位是哪一步错、好修

每次只改一小块,错误被关在这一步里,定位和修复都更容易;一次大改出错则很难指出问题在哪。

「先骨架后细节」是说:先做出能打开、能看到主要区块的______,再填核心功能,最后才调样式。

答案:骨架

先搭骨架(空壳/框架)跑通结构,再填功能、最后调样式,是降低返工的推荐顺序。

按「先骨架后细节」,下面哪件事应该最后做?

答案:调整配色和动画

样式、配色、动画属于细节,应放在骨架和核心功能都跑通之后再做。

判断:AI 回复「已经做好了」,就可以放心直接进入下一步,不必自己点开验证。

答案:错误

「说做好了」不等于真做好了。每步都应做最小验证(打开、点一下、看结果),确认无误再继续。

做完「让按钮把输入加进列表」这一步,最合适的最小验证是?

答案:真的填一个值、点一下按钮,看列表是否多了一行

最小验证就是亲自触发这一步的行为、观察结果是否符合预期,成本低又能及时拦住错误。

判断:没验证就继续让 AI 改下一步,错误可能像滚雪球一样越积越乱。

答案:正确

后面的改动会盖在没验证、可能已出错的代码上,错误层层叠加,最后很难理清。所以要每步验证。

想边练边学,而不只是读?

到互动课里答题、记进度、攒连胜——游客即可试学,无需注册。

进入互动课程 →