AIAI学习站
继续学习
本章进度 7 / 18
39%
Vibe Coding 实战·理解·10 分钟
正文已完成

一次只改变一个可验证结果

控制改动目标和文件范围，让每一步都能清楚回答改了什么、为什么和是否通过。

L264
为什么现在学

先用本课建立“小步实现”的基本直觉，后面的判断和练习才不会只靠记结论。

本课会用什么
  • 无需安装新工具
  • 直接阅读并完成本页理解检查

小步实现每次只引入一个可理解的行为变化。代码行数不能单独决定改动是否足够小。

这一课的结果

能把一个大改动缩成单一结果，并为它指定最小验证。

核心概念

先把关键判断说清楚

01

结果边界

一次改动用一句用户或系统行为描述，避免同时重构、换样式和加功能。

02

差异要可审查

限制相关文件和新增依赖，审查者才能理解每一处变化与目标的关系。

03

验证紧跟改动

实现后立即运行最接近该结果的测试或操作，不把十个未知堆到最后。

案例拆解

修按钮顺便重写整个页面

目标只是修复移动端按钮遮挡，AI 同时重命名组件、升级依赖和改配色。

  1. 01

    回到单一结果，小屏按钮可点击

  2. 02

    只调整布局相关代码

  3. 03

    在目标宽度复现并验证，其他改进另列任务

案例结果

修复差异小、风险清楚，也更容易回退。

提交前练习

现在轮到你

把一个包含修复、重构和美化的请求缩成第一步。

选做练习：本节练习可用于加速你巩固，但不影响继续学习。

内容会自动保存在当前设备
查看参考答案与评分标准

参考答案

只修 375px 宽度下提交按钮遮挡；修改结果栏布局样式；用移动视口和键盘验证；组件重命名与配色另开任务。

评分标准

  • 只有一个行为变化
  • 文件范围与目标相关
  • 明确记录延后事项

本课收口 · 理解检查

用 30 秒确认你理解了

用 30 秒理解检查确认你抓住了重点；阅读标记、练习和总结都不设硬门槛。

0 / 1
02完成练习（选做）0 / 4 项已填写，不影响完成03通过理解检查点此去回答，约 30 秒
04补一句总结（可选）可以留空，不影响完成本课。
修复一个布局问题时，哪种改动更容易验证？
你现在更接近哪一种状态？
尚有必填项未完成，请补齐后再继续。

资料来源

继续核对与延伸阅读

本课内容最近更新于 。