AI编程新手体验:用Codex改按钮文案全流程
AI编程新手教程2:改一个按钮文案,完整走一遍AI编程流程
通过 LetAiCode 的 API 配置好 Codex 之后,就可以开始AI编程了。今天讲一个最适合新手练手的问题:第一次让 Codex 改一个按钮文案,应该怎么完整走一遍流程?
这套练习足够小、风险足够低,但能完整走通真实开发的完整链路:进入项目 → 定位文件 → 限制改动范围 → 让 Codex 修改 → 查看改动 → 验收结果。把这套流程跑顺了,后面改空状态、loading、表单校验都会稳很多。
一、先说结论:改按钮文案,也不要直接一句话开改
很多人第一次用 Codex 改按钮文案,上来就是一句:“把‘开始使用’改成‘立即开始’。”这句话不能说错,但如果是新手,不建议一上来就这么干。
因为真正要练的,不是“把几个字改掉”,而是让 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 开始修改
确认范围没问题后,再让它开始改:
可以开始修改。请只把目标按钮文案从“开始使用”改成“立即开始”。
不要修改样式、逻辑和无关文件。修改完成后,请告诉我具体改了哪个文件。
注意这里还是要重复限制:只改目标按钮文案、不改样式、不改逻辑、不改无关文件。不要觉得啰嗦,对新手来说,边界说清楚比自由发挥更重要——第一次练习就是要训练 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 不是为了把按钮文案说复杂,而是帮你练习完整流程。以后把“按钮文案”换成空状态提示、loading 状态、表单校验、筛选条件、确认弹窗,这个流程仍然能用。
