Skip to main content

Vibe Coding - 优秀文章&项目部分

优秀文章&项目

Codex杂谈

Codex Prompt 调试技巧

每次修改 AGENTS.md 后,多使用 ctrl+T 查看其思考过程,看看命令的调用、思考过程是否符合你的预期。若不符,直接与 Codex 对话询问该如何调整 AGENTS.md,多重复几轮一般都能得到比较满意的结果。

Spec-kit (实验性)

模仿 spec-kit 建立了一套实现新功能的规范,包含三个流程:spec, plan 和 do。 还在尝试优化中,因此未利用 codex/prompts.md 方式注入指令,而是通过 AGENTS.md 来时刻调整测试,在对话时输入 /spec/plan/do 即可。
  1. /spec 开头,输入你想要实现的功能,Codex 会自动在 specs 文件夹下生成一个 Markdown 文件
  2. /plan 开头,Codex 会自动在 plans 文件夹下生成一个带有日期的 Markdown 文件
  3. /do 会自动按照 plan 任务实现。
不必严格遵从上述三个顺序来执行,如果 spec 文件不符预期,完全可以继续多轮对话调整满意后,再输入 /plan 来引导生成 plan 文件。

WSL2

如果你在 Windows 下让 Codex 执行任务,你会发现它经常调用命令失败然后重试,如此循环。虽然最终都会成功,但浪费了很多时间,个人推测这是因为 GPT-5 Unix Shell 训练数据太多而 Powershell 数据太少导致的幻觉,Codex 总是下意识调用 Unix Shell 命令来处理。 那么有没有办法解决呢?当然有!打不过就加入——WSL2。 以 Windows 11 为例,在 Powershell 执行 wsl --install 即可安装 WSL2。 这种情况下,有两种方式选择:
  • Windows 端代码+WSL2 Codex 环境,适用于开发 Windows 端的程序,比如 Electron Windows,.NET 等
  • WSL2 代码 + WSL2 Codex 环境,比如 Vue Web 开发
对于后者,所有都能正常在 WSL2 环境内运行,就不做说明了,而前者 Windows + WSL2 混用就需要解决一个问题:如何在 WSL2 调用 Windows 端的 npm/pnpm,执行定义好的 pnpm typecheck pnpm lint:fix 等。 在 WSL2 Codex 对话时,要求其调用 pwsh.exe 来执行 pnpm typecheck 来检查,如此即可。

完整 AGENTS.md

还在调整中,不要完全照抄,最好还是通过 ctrl+T 查看整个过程,如果遇到 Codex 经常会出错的命令,选择性的修删适合自己的 AGENTS.md 主要适配内容:
  • Windows/WSL2 支持,优先使用 Powershell 支持的命令,对于任何 npm 包安装都必须请示用户,避免混乱的依赖项
  • 使用 fd,ripgrep,ast-grep 搜索文件、文本和代码片段,更快更直接
  • spec/plan/do 工作流,先确定规范,再编写计划,最后实现

经验之谈

  • 主动让 Codex 调用特定工具:不要把所有的注意事项都写入到 AGENTS.md 中,用户还会需要担负一些心智针对不同的场景引导 Codex 使用更为合适的工具,比如用 git diff 可能更能提供准确的上下文。
  • 尽可能在对话时提供完整的信息来源:Codex 查找代码的方式非常原始,如 grep, ripgrep 等,很有可能搜不到你想要的内容。比如你想要询问为什么实例化了两次,请顺带给出两次出现的地方:函数、文件名等信息,能减少 Codex 的误判或者搜索代码的时间。Codex 提供了 @ 快捷命令来帮助你快速搜索文件名。
  • 网页搜索尽量使用网页端 ChatGPT-5-Thinking:搜索更快更完整,非常擅长对于 GitHub 项目的检索:包括不限于源码、项目结构、issue、PR等。特别适合了解某个开源项目的功能,单独开一个长对话和 ChatGPT 聊聊,受益良多。