AI编程新手教程2:改一个按钮文案,完整走一遍AI编程流程
通过 LetAiCode 的 API 配置好 Codex 之后,就可以正式开启 AI 编程之旅了。今天分享一个最适合新手练手的小任务:第一次使用 Codex 修改按钮文案时,如何按照规范流程完整走一遍?这套练习足够简单、风险极低,但能让你完整体验真实开发中的关键环节:进入项目 → 定位文件 → 限定改动范围 → 执行修改 → 查看变更 → 验收结果。把这一套流程练熟之后,后续处理空状态、加载提示、表单验证等场景都会更加顺手。

一、先说结论:改按钮文案,也不要直接一句话开改
很多新手第一次用 Codex 修改按钮文案时,习惯直接说:“把‘开始使用’改成‘立即开始’。”这种表达本身没有错,但如果你是初次接触 AI 编程,建议不要直接这样就干。因为真正需要练习的,不是“改几个字”,而是让 Codex 按照正确的流程来操作代码。更稳妥的做法是:
- 先向 Codex 明确修改目标
- 让它先定位按钮所在的文件
- 确认它只修改文案,不涉及样式和逻辑
- 再下达修改指令
- 修改完成后,让它说明具体改了哪些地方
- 最后让它提供验收方式
简单来说:任务可以很小,但流程必须完整。
二、第一步:先进入项目目录
这一步每篇文章都会强调,但确实至关重要。你要让 Codex 修改哪个项目,就必须先进入该项目目录——不要在桌面或用户根目录启动 Codex 让它自己猜测。Codex 是根据当前工作目录来读取文件的,如果目录选错了,后续的文件定位、代码修改、启动命令判断都可能跟着出错。
三、第二步:把按钮文案需求说清楚
很多新手觉得“改文案有什么好说的”,但最好还是把这几条关键信息交代清楚:
- 当前按钮大概位于哪个页面
- 当前的文案内容是什么
- 希望改成什么文案
- 只改文案,不改样式
- 只改这个按钮,不要影响其他按钮
比如可以这样描述:
我想做一个很小的练习任务:修改一个按钮文案。
目标:把首页上的按钮文案从“开始使用”改成“立即开始”。
限制:
1. 只修改这个按钮的显示文案
2. 不要修改按钮样式
3. 不要修改点击逻辑
4. 不要重构组件
5. 不要改动无关文件
请先不要修改代码,先帮我定位这个按钮可能在哪个文件。
这条 Prompt 的重点不在于文案本身,而是最后一句“请先不要修改代码”。新手第一次练习,先让 Codex 定位文件,比直接修改更稳妥——可以先确认它是否找对了地方。
四、第三步:让 Codex 先定位文件
Codex 接到任务后通常会去查找相关文件。这时要让它清楚地输出:找到了哪些候选文件、判断按钮在哪个文件、判断依据是什么、准备在哪个行附近修改。可以继续追问:
请先告诉我:
1. 你找到了哪些可能相关的文件
2. 最可能需要修改的是哪个文件
3. 你是根据什么判断这个按钮在这里的
4. 这次修改是否只需要改文案
先不要修改代码。
这一步非常适合新手练习“观察 Codex 的判断逻辑”——很多时候 AI 出问题并不是在写代码那一步,而是在一开始定位就错了。比如你要改首页按钮,它却找到了某个弹窗里的按钮。如果不先说明定位依据,很可能直接改错了地方。
五、第四步:确认改动范围
当 Codex 找到文件后,不要急着让它修改。先让它说明改动范围:
在开始修改前,请先确认本次改动范围。请说明:
1. 本次会修改哪个文件
2. 只会修改哪一处文案
3. 是否会修改样式
4. 是否会修改点击事件
5. 是否会影响其他按钮
这一步看似简单,但能帮你养成非常重要的习惯:每次改代码前先确认影响范围。改按钮文案时范围很小,但以后修改搜索、筛选、表单、弹窗时,这个习惯会非常有用——任务越复杂,越不能直接动手改。
六、第五步:让 Codex 开始修改
确认范围没有问题后,再让它开始修改:
可以开始修改。请只把目标按钮文案从“开始使用”改成“立即开始”。
不要修改样式、逻辑和无关文件。修改完成后,请告诉我具体改了哪个文件。
注意这里仍然要重复限制:只改目标按钮文案、不改样式、不改逻辑、不改无关文件。不要觉得啰嗦,对新手来说,把边界说清楚比让 AI 自由发挥更重要——第一次练习就是要训练 Codex 在很小的范围内完成一个确定的任务。
七、第六步:改完后,先看它改了哪些文件
Codex 改完后,不要急着看解释,先问:
请列出本次实际修改的文件,并说明每个文件改了什么。
如果只改了一个文件,而且只改了按钮文案,那就是理想的结果。如果改了很多文件——比如样式文件、路由文件、组件结构、配置文件、其他页面——那就要停下来检查。可以问:
这次任务只是修改按钮文案。请解释为什么需要修改这些额外文件。如果不是必须,请给出回到最小改动的方案。
新手要养成习惯:小任务就应该对应小改动。如果一个按钮文案修改引发一堆文件变化,那大概率需要重新审视。
八、第七步:让它给出验收方式
修改之后一定要验收。哪怕只是改一个按钮文案,也必须走一遍完整流程。可以这样问:
请给我一份这次按钮文案修改的验收步骤。请包括:
1. 应该启动什么命令
2. 应该打开哪个页面
3. 应该看到哪个按钮文案
4. 需要确认哪些地方没有被影响
5. 如果页面没有变化,应该优先检查什么
这一步是为了练习完整的闭环。真实开发中,任务并不是 Codex 说“改完了”就结束,而是要确认:页面能正常打开、文案确实变了、点击逻辑依然有效、样式没有变形、其他按钮没有被误改——这才算真正完成。
九、如果你看不到变化,先别慌
新手第一次改文案,经常遇到的情况是:Codex 说改完了,但打开页面却看不到任何变化。这时候不要急着让它重新乱改,先让它帮忙排查:
页面上没有看到按钮文案变化。请先不要继续修改代码。请帮我排查:
1. 我是否打开了正确页面
2. 这个按钮是否还有其他来源
3. 是否需要重新启动开发服务
4. 是否存在缓存问题
5. 是否改到了相似按钮但不是目标按钮
这类排查比直接说“你再修改一下”要稳妥得多。因为按钮文案没有变化,不一定是因为 Codex 改错了,也可能是:打开了错误的页面、页面中存在多个相似的按钮、开发服务没有刷新、文案来源于配置文件或国际化资源、修改的组件并没有在当前页面中实际使用。遇到问题先排查链路,不要直接让它继续乱改。
十、一套可以直接复制的完整 Prompt
如果想省事,可以直接复制下面这套模板:
我想做一个 AI 编程新手练习任务:修改一个按钮文案。
目标:把【页面/位置】里的按钮文案从【原文案】改成【新文案】。
限制:
1. 只修改这个按钮的显示文案
2. 不要修改按钮样式
3. 不要修改点击逻辑
4. 不要重构组件
5. 不要引入新依赖
6. 不要修改无关文件
请按下面流程处理:
1. 先不要修改代码
2. 先定位这个按钮可能在哪个文件
3. 说明你判断的依据
4. 确认本次只需要修改哪些文件
5. 等我确认后再开始修改
6. 修改完成后,列出实际修改的文件
7. 最后给出验收步骤
这套 Prompt 不是为了把按钮文案改复杂,而是帮助你练习完整的流程。以后只要把“按钮文案”换成空状态提示、加载状态、表单校验、筛选条件、确认弹窗等内容,这个流程依然可以复用。
