先选哪条路线
如果你不确定,直接选左边。桌面端 App 更像一个可视化工作台,对新手更友好。CLI 更像一把轻巧的工具刀,适合你想理解底层流程时再学。
Codex 桌面端 App 教程
从安装、登录、打开项目开始,讲清项目、线程、Local/Worktree/Cloud、Review 面板、浏览器标注、Computer Use、自动化、技能、MCP、设置和安全边界。
- 适合完全没有编程基础的人
- 大量图文示意,先建立画面感
- 重点是“怎么用 App 安全地让 Codex 干活”
Codex CLI 教程
保留原来的终端路线:安装 Node.js 和 Codex CLI,学习口语化提示词,让 Codex 搭出产品官网,再用 GitHub + Vercel + 域名完成上线。
- 适合愿意接触终端的人
- 更接近开发者真实工作流
- 重点是“从 0 到 1 上线一个产品官网”
桌面端 App 教程长什么样
App 教程会尽量用“看图 + 口语解释 + 可复制提示词”的方式写。下面这张图就是你后面会反复看到的界面地图。
桌面端 App 教程目录
Codex App 是什么、适合谁、和 CLI 怎么选,以及功能地图。
完整下载、登录、打开项目、选择 Local,发出第一条安全提示词。
完整讲清 Local、Worktree、Cloud、Goal、语音输入、弹出窗口和 IDE 同步。
完整Review 面板、Diff、行内评论、暂存、撤回、提交和内置终端。
完整内置浏览器、页面标注、Browser Use、Chrome、Computer Use、Appshots。
完整自动化、线程自动化、Worktree、技能、插件、MCP、AGENTS.md 和 Memories。
完整Settings 全功能地图、快捷键、Slash 命令、权限、Windows 注意事项。
CLI 教程目录
CLI 正文章节和附录已经补齐为完整版本。你可以按顺序读,也可以直接跳到当前最需要的章节。
第一部分 · 入门起步
教程定位、读者画像、关于网络环境的现实提醒。
完整为什么零基础也能造网页;口语化编程到底是什么。
完整从打开终端到 Codex 自我介绍,含 Windows / Mac 双路径与踩坑。
第二部分 · 学会跟 Codex 说话
第三部分 · 实战:做一个产品官网
从一句话需求到五段式 index.html。
完整配色、字体、图片、移动端适配。
完整调试套路、Git 回退、Codex 绕圈子破局法。
完整GitHub + Vercel 全流程,拿到公开链接。
完整买域名、配 DNS、绑定 Vercel、自动 HTTPS。
完整访问统计、SEO 最小集、迭代流程。
完整多页扩展、表单后端、Supabase、SaaS 起点。
附录 · 持续可查的工具书
10 条可直接复制的核心模板。
完整HTML、Git、DNS 等术语的生活类比。
完整Codex CLI 常用命令一页纸版本。
完整按问题类型整理的踩坑索引。
不知道从哪里开始?
按这个顺序就行:先读 App A0-A3,你会知道怎么打开项目、怎么让 Codex 改东西、怎么检查改动。等你心里有底了,再进入 CLI 第 02、05、08、09 章,做一次完整上线闭环。