乐于分享
好东西不私藏

不会写代码也能开发App?Vibe Coding完全指南,Codex保姆级入门教程

不会写代码也能开发App?Vibe Coding完全指南,Codex保姆级入门教程

🔥 先说一个真实场景

你开着会,手机放一边。

会开完,打开电脑,发现Codex已经帮你写完了那个拖了三天的模块,测试跑通了,注释也写好了。

你要做的,只是看一眼,点个确认。

这不是科幻,这就是2026年的Vibe Coding


一、什么是Vibe Coding?

Vibe Coding这个词,最早来自AI大神Andrej Karpathy的一条推文。

他说他写代码时完全不关注语法,只关注想解决什么问题,全靠AI生成代码,自己只负责审查和方向调整。

这条推文被转了几万次。因为戳中了一个事实:

很多开发者早就在这么干了,只是以前没个名字。

Vibe Coding的核心逻辑很简单:

你描述意图 → AI写代码 → 你审查结果 → 给反馈 → 推进方向

需求拆解、写代码、改Bug、写测试,是一条连贯的对话流,不是一堆孤立的问答。

2026年,Vibe Coding已经是主流了。


二、Codex是什么?

Codex是OpenAI推出的顶级AI编程Agent工具,于2025年4月正式开源(Apache 2.0协议),GitHub已累计获得83.9k Stars。

和普通AI工具的核心区别:

Codex不只是"对话",它直接在你的项目目录里行动——读文件、改代码、跑命令、看输出。

就像一个坐在你旁边的工程师,而不是一个只会说话的顾问。

工具
工作方式
能力范围
ChatGPT
对话,给建议
无法操作文件
GitHub Copilot
IDE内补全
单行/单文件
Cursor
IDE内对话
文件级别
Codex终端Agent,自主执行整个项目级别

三、三种接入方式(选一个就够)

▸ 方式一:桌面客户端(最推荐新手)

直接下载官方独立客户端,界面完整,接近普通AI聊天工具,无需学习复杂的终端概念。

安装后登录ChatGPT账号即可激活使用。

适合: 不熟悉命令行的开发者,想快速体验Vibe Coding的人

▸ 方式二:VS Code插件(最常用)

在VS Code扩展商店搜索 Codex 一键安装。

插件把本地CLI和托管版整合在一起,界面简洁,深受Vibe Coding用户喜爱。

支持两种模式:

  • Chat模式:对话问答,类似ChatGPT
  • Agent模式:自主执行,真正的Vibe Coding

适合: 日常在VS Code工作的开发者

▸ 方式三:CLI命令行(最灵活)

# 安装
npm install -g @openai/codex

# 验证安装
codex --version

# 启动
codex

适合: 熟悉命令行的开发者,需要深度定制工作流的人


四、三档审批模式(核心概念,必须理解)

这是Codex最重要的设计之一,控制AI的自主程度:

▸ Suggest(建议模式)—— 最安全

AI提出方案,每一步都需要你确认才执行。

适合:重要项目、不熟悉代码库时

▸ Auto-edit(自动编辑)—— 平衡之选

AI可以自动修改文件,执行命令前需确认。

适合:日常开发,大多数场景的首选

▸ Full-auto(全自动)—— 效率最高

AI全程自主执行,完成后汇报结果。

适合:明确的任务、对代码库熟悉时

建议: 从Suggest开始,熟悉后切换到Auto-edit,Full-auto留给你完全信任的任务。


五、AGENTS.md:让AI记住你的规则

这是Codex最强大但最容易被忽视的功能。

AGENTS.md是一个专门为AI设计的项目文档,相当于"给AI看的README"——集中告诉AI如何在你的项目中工作。

目前Codex、Claude Code、Cursor、Google Jules等主流工具都已支持这个统一标准。

▸ 怎么创建?

在项目根目录新建AGENTS.md,内容示例:

# 项目说明
这是一个React + TypeScript项目,使用Tailwind CSS。

# 代码规范
- 使用函数式组件,不用Class组件
- 所有函数必须有TypeScript类型注释
- 提交前必须通过ESLint检查

# 常用命令
- 启动开发服务器:npm run dev
- 运行测试:npm test
- 构建:npm run build

# 注意事项
- 不要修改 /src/config 目录下的文件
- 数据库操作必须经过 /src/services 层

写好AGENTS.md之后,每次进入项目,Codex自动读取,不用重复交代规则。

最佳实践:根目录放通用规则,子目录放局部规则,两者结合精细控制AI的行为范围。


六、实战工作流(直接抄)

▸ 新项目启动

打开Codex,进入项目目录

说:"分析一下这个项目的结构,给我一个架构概览"
说:"帮我创建AGENTS.md,记录你观察到的规范和模式"
说:"列出这个项目目前存在的技术债务"

▸ 日常功能开发

说:"帮我实现用户登录功能,要求:JWT鉴权,密码bcrypt加密,
     返回token有效期7天,接口路径 POST /api/auth/login"

(Codex会自动:读取相关文件 → 写代码 → 创建测试 → 汇报结果)

▸ Debug场景

把报错信息直接粘贴进去,说:

"这个报错怎么回事,帮我定位并修复,修复前先告诉我原因"

▸ 代码重构

说:"把 /src/utils 目录下所有的工具函数按功能分类重新整理,
     先给我看你的规划,我确认后再执行"

七、费用说明

方式
费用
CLI工具本身
免费开源
ChatGPT Free账号
可用,有用量限制
ChatGPT Plus($20/月)
完整访问权,每5小时30-150条
ChatGPT Pro($200/月)
最高配额,每5小时300-1500条
OpenAI API Key
按用量付费,最灵活

八、新手必看避坑指南

坑1:上下文越来越长,AI开始"变笨"

对话轮次多了,上下文超载,AI理解会下降。解决方法:重要任务开新会话,把关键背景重新说一遍。

坑2:直接说"帮我写个XX系统"

任务太模糊,AI容易跑偏。正确做法:先拆解需求,分步执行,每一步确认后再推进。

坑3:Full-auto模式乱用

重要操作(改数据库Schema、重构核心模块)不要用Full-auto,先用Suggest看它的规划,确认没问题再放行。

坑4:不写AGENTS.md

每次都要重复交代规则,极大降低效率。花10分钟写好AGENTS.md,之后省几十个小时。

坑5:国内网络访问问题

Codex需要访问OpenAI服务,国内需要科学上网,或使用支持支付宝的第三方API中转服务。


九、Codex vs Claude Code,选哪个?

两个都是目前最强的AI编程Agent,都值得学。

对比项
Codex
Claude Code
背后模型
GPT-5.5
Claude Opus/Sonnet
开源
✅ Apache 2.0
账号要求
ChatGPT Plus
Claude Pro / API
修小Bug
改完即止,精准
顺手多做优化
大型重构
国内使用
需翻墙
需翻墙

我的建议: 两个都装,根据手头账号和任务类型灵活切换。


写在最后

Vibe Coding不是懒,是进化。

过去,我们花大量时间在"怎么写"上。

未来,我们把精力放在"写什么"和"为什么写"上。

工具会越来越强,但能把需求说清楚、能判断AI输出质量的人,永远是稀缺资源。

学会用Codex,不是为了偷懒,是为了把时间花在更值钱的地方。

现在开始,还不晚。