适合谁：从没写过代码、不懂 Python、没有软件开发经验，但想做网站、工具或自动化程序的人。
学习目标：用中文告诉 Codex 想做什么，让它帮助完成设计、写代码、运行、测试和修改。
实战作品：一个可以添加、完成、删除任务，并自动保存在浏览器中的待办事项网页。
文章更新时间：2026 年 10 月 25 日。产品界面及套餐权限可能更新，以官方页面为准。
一、Codex 是什么？不会编程也能用吗？
如果你想做一个小网站，过去通常需要学习 HTML、CSS、JavaScript，安装开发工具，再查教程排查报错。现在可以换一种方式：你负责说清楚想做什么，Codex 帮你把想法变成代码，并协助验证能否运行。
Codex 是 OpenAI 提供的 AI 编程智能体。它不只是聊天回答代码问题，还可以在获得允许后查看项目文件、修改文件、执行命令、运行测试、帮助修复问题。
可以这样理解：
| 角色 | 主要工作 |
|---|---|
| 你（产品负责人） | 提出需求、决定功能、检查效果、批准重要操作 |
| Codex（AI 开发助手） | 规划实现方案、编写代码、改动文件、运行和检查项目 |
重要提醒：Codex 不是万能的"一句话自动开公司"工具。它可能理解错需求、写出有缺陷的代码，甚至在得到权限时做出不合适的文件操作。你不需要会写代码，但需要学会检查结果和控制权限。
Codex 能帮普通人做什么？
- 做网页：个人展示页、活动报名页、简单产品展示站。
- 做日常工具：待办清单、记账小工具、报价计算器。
- 处理文件：批量重命名、整理 CSV、生成简单报表。
- 做业务原型：客户资料录入、库存记录、预约流程展示。
- 修改现有网站：调整布局、修复按钮、增加功能。
Codex 和 ChatGPT 聊天有什么区别？
普通聊天适合讨论想法、讲解概念；Codex 适合真正操作一个软件项目：创建文件、修改代码、执行测试。两者可以配合使用。
二、开始前需要准备什么？
- 一台电脑，推荐 Windows 或 macOS。
- 可正常登录的 ChatGPT 账号，以及相应的网络环境。
- 一个专门放练习项目的空文件夹。
- 约 30–60 分钟动手时间（仅为学习安排，不代表工具执行耗时）。
2.1 需要额外购买 API Key 吗？
首次使用不必先购买 API Key。 可优先用自己的 ChatGPT 账号登录支持的 Codex 客户端。Codex 已纳入 ChatGPT 多种套餐，包括 Free 和 Go，但不同套餐的额度、可用方式和云端功能有差异。不要把"ChatGPT 订阅费用"和"通过 API 调用模型的费用"混为一谈。
可用范围以官方文档为准：通过 ChatGPT 套餐使用 Codex。
2.2 四种使用方式，零基础选哪个？
| 使用方式 | 简单理解 | 新手建议 |
|---|---|---|
| ChatGPT 桌面应用中的 Codex | 像聊天一样操作本地项目 | 优先选择 |
| Codex 网页版/云端 | 适合关联代码仓库，在云端执行开发任务 | 第二阶段再学 |
| VS Code 等 IDE 的 Codex 扩展 | 在代码编辑器里与 AI 一起工作 | 熟悉文件后再学 |
| Codex CLI | 在终端中通过文字命令操作 | 非必须，作为进阶 |
注意：某些客户端功能取决于操作系统、套餐、账号或组织的开放状态。如果桌面端没有相关入口，请先确认应用已经更新。
三、安装并打开 Codex（图形界面版）
第一步：获取官方桌面应用
- 访问 ChatGPT 官方下载页面。
- 下载适合电脑系统的官方桌面应用，并按系统提示安装。
- 打开应用，登录 ChatGPT 账号。
- 在应用菜单中找到 Codex，切换到该模式。
不同版本的按钮名称或布局可能略有区别，不必强行寻找与本文完全一致的位置。可以参考 官方 Codex 使用帮助。
第二步：创建一个练习文件夹
在桌面或"文档"目录里新建文件夹：
my-first-codex-project
这个文件夹是你的项目工作区，可以理解为一个装软件所有文件的盒子。
第三步：在 Codex 中打开项目文件夹
在 Codex 中选择打开本地文件夹/项目的入口，选中 my-first-codex-project。如果系统要求授权文件访问，只授权这个练习文件夹即可。
第一次练习不要直接打开电脑的整个主目录、公司的共享盘或存有隐私文件的文件夹。
第四步：先发一条不修改文件的消息
复制以下内容发送：
我从来没有学过编程。请你把自己当作我的软件开发助手。先告诉我当前项目文件夹里有什么，以及你能在这个文件夹里做哪些事情。现在不要创建、修改或删除任何文件。请用通俗中文解释。
这一小步的目的，是熟悉对话界面，并确认 Codex 正在正确的项目中工作。
四、实战：从零做一个待办事项网页
我们将制作一个简单的「每日待办清单」，包含：
- 输入任务名称并添加任务。
- 点击任务，将它标记为已完成。
- 删除不再需要的任务。
- 刷新网页后，任务仍然保留在当前浏览器里。
- 页面在电脑和手机尺寸下都能正常显示。
这类项目非常适合零基础学习，因为不需要注册数据库，不需要支付云服务器费用，不需要连接支付接口。
第一步：先描述需求，不急着写代码
将下面这段发送给 Codex：
我不会编程，想做一个可以在浏览器中打开的“每日待办清单”网页。
目标用户：我自己。
功能要求：
1. 可以输入文字创建待办事项。
2. 可以勾选任务为已完成，也可以取消完成状态。
3. 可以删除任务。
4. 页面刷新后，任务仍保留在这个浏览器里。
5. 界面简洁美观，适配手机和电脑。
技术要求：
- 优先使用简单的 HTML、CSS、JavaScript。
- 不要用数据库、登录系统或复杂框架。
- 不要调用付费服务。
- 所有文件只放在当前项目文件夹里。
请先用简单中文列出开发计划、预计创建哪些文件、如何验证功能。
暂时不要写代码，等我确认后再开始。
为什么要这样问？ 因为一次把所有事情交给 AI，容易让它引入不需要的技术。先看计划，可以防止它把一个小网页做成复杂系统。
第二步：看懂开发计划
如果 Codex 建议创建以下三个文件，这是合理的：
my-first-codex-project/
├── index.html 网页的内容和结构
├── style.css 网页的颜色、排版和样式
└── script.js 按钮点击、任务存储等功能
把它们想成装修房子：
index.html：墙、门、家具放在哪里。style.css：用什么颜色，布局漂不漂亮。script.js：按下开关后，灯如何亮起来。
你不需要记住语法，知道每个文件大概负责什么就够了。
第三步：让 Codex 开始制作
确认计划没有过度复杂后，发送：
计划可以。请开始在当前文件夹创建这个网页。
要求：
1. 先实现最小可用版本，不要添加新功能。
2. 完成后检查 HTML、CSS 和 JavaScript 是否正确关联。
3. 如果能运行自动化检查，请实际运行，不要仅仅说“应该可以”。
4. 用中文告诉我创建了什么，以及我应该如何打开网页。
5. 任何需要安装额外软件、访问外部网站或删除文件的操作，请先说明原因。
Codex 可能会显示将修改的文件、执行命令或申请权限。你可以检查后允许合理操作。
第四步：打开网页
如果项目是纯静态 HTML，常见方式是：
- 打开项目文件夹。
- 找到
index.html。 - 双击它，用浏览器打开。
如果浏览器限制了某些功能，Codex 也可能建议启动本地开发服务器。让它给出与你电脑实际环境相符的操作步骤，不要随意复制陌生命令。
第五步：亲手测试四件事
| 测试 | 具体操作 | 期望结果 |
|---|---|---|
| 添加任务 | 输入"买牛奶"并点击添加 | 页面出现一条任务 |
| 完成任务 | 勾选"买牛奶" | 状态变成已完成 |
| 保留任务 | 刷新网页 | 刚才的任务仍在 |
| 删除任务 | 点击删除 | 这条任务消失 |
如果上述操作都通过，你已经做出一个能使用的小工具。
注意：浏览器本地存储一般只保留在相应浏览器、设备和站点环境中。换一台电脑不一定看得到这些任务；清理浏览器数据也可能删除它们。因此它还不是跨设备同步应用。
五、网页做出来之后，如何让 Codex 修改？
很多人第一次用 AI 编程，会只说："改得好看点。" 这种要求太模糊，容易得到不符合期待的结果。
改成：
请只优化待办网页的视觉设计，不修改任务数据的存储逻辑。
我的要求：
- 整体风格：简洁、明亮、有品质感。
- 主色：深蓝色，背景为浅灰色。
- 页面中间有一张白色卡片。
- 输入框和按钮边角略微圆润。
- 已完成的任务文字变灰并显示删除线。
- 手机屏幕宽度较小时，输入框和按钮不能互相挤压。
修改后请总结你调整了哪些文件，并检查原本的四个功能是否正常。
这种写法把修改范围、设计效果、不应改变的部分、验收方式都说清楚了。
给 Codex 截图，比空口描述更有效
如果你的客户端支持添加图片，可以把网页截图交给 Codex，然后说：
这是目前网页的截图。我觉得按钮太大、标题离顶部太远，
手机页面还有横向滚动条。
请根据截图分析问题，修改布局。
只修改必要文件，不要重写整个项目。
修改完成后告诉我怎么检查问题已解决。
截图可以帮助它理解视觉问题；但截图不等于测试，仍要亲手操作页面。
六、遇到报错怎么办？不会代码也能排查
第一原则：不要慌，也不要把整个项目删掉重做。
出现报错时，完整复制错误信息，或者截图，然后发给 Codex：
我不会编程，刚才操作时出现了这个错误：
【在这里粘贴完整错误内容】
请你：
1. 用普通人能理解的语言解释错误可能是什么。
2. 先检查相关文件，找出最可能的原因。
3. 尽量只修改与错误相关的内容。
4. 实际运行必要检查。
5. 告诉我需要重复哪几个操作才能确认修好了。
请不要为了消除报错而删除现有功能。
如果网页"能打开，但按钮没反应"，你可以直接说：
点击"添加任务"后页面没有变化。请检查按钮事件、输入框读取和 JavaScript 文件是否正常加载。修复后请验证添加、完成、删除和刷新保留四个功能。
三个新手常见问题
| 现象 | 可能原因 | 怎么做 |
|---|---|---|
| 双击网页后全是空白 | 文件路径、JavaScript 或页面结构有问题 | 让 Codex 查看相关文件与浏览器错误 |
| 点击按钮没有反应 | 事件代码未执行或页面元素未关联 | 描述具体按钮和操作步骤 |
| 在另一个浏览器看不到任务 | 数据仅保存在原浏览器 | 这是本案例设计限制，并非一定是故障 |
七、比会写代码更重要：学会提需求
最实用的提示词结构：
背景 + 目标 + 功能要求 + 限制条件 + 验收标准
例如：
【背景】我是一个不会编程的个体经营者。
【目标】想做一个简单的报价计算网页。
【功能】输入产品单价、数量、运费，自动计算总价。
【限制】不需要登录、不需要数据库、不调用收费 API。
【交付】在本地浏览器可以直接使用，界面适配手机。
【验收】单价 20、数量 3、运费 10 时，总价必须为 70。
【开发方式】先分析方案，待我确认后再写代码，完成后自行测试。
不太好的提示词 / 更好的提示词
| 不太好 | 更好 |
|---|---|
| 帮我做个网站 | 做一个包含产品介绍、联系方式和询价表单的静态网站；暂不接后端 |
| 修一下 Bug | 点击保存按钮时出现 XX 错误，请定位原因、最小化修复并测试 |
| 页面不好看 | 请把顶部导航改成左侧 Logo、右侧菜单，手机端折叠为菜单按钮 |
| 加个用户系统 | 先讲清楚是否真的需要账号、数据库、找回密码，再给出最简方案 |
好提示词不是写得越长越好，而是让 AI 清楚什么是"完成"。
八、最值得收藏的 8 条 Codex 提示词
1. 帮我把想法整理成需求
我想做【填写想法】。我不会编程。
请作为产品经理帮我整理：目标用户、核心问题、最小功能、暂时不做的功能。
优先给出一个 1 天内可验证的简单版本，不要直接写代码。
2. 开始之前先给计划
先检查当前项目。告诉我准备改哪些文件、为什么这样改、
可能有什么风险。此时先不要修改，等我确认。
3. 用普通话解释技术内容
请用不懂编程的人能听懂的中文解释这个方案，
不要堆专业词。必须出现的术语请附上一句话解释。
4. 让它一次只做一小步
这次只实现【一个功能】。不要增加其他功能，
也不要重构与它无关的代码。完成后告诉我怎么验证。
5. 出错时排查
现在的异常是【现象或错误】。先定位根因，
说明你准备修改什么，再进行最小修复，最后复测。
6. 检查做出来的东西
请站在第一次使用这个软件的普通用户角度，
检查功能是否完整、按钮是否有效、是否有明显错误。
列出已验证的项目，以及还需要我手动验证的项目。
7. 做修改前保留退路
在这次较大修改前，请先帮我保存一个可恢复的版本。
如果当前项目没有版本管理，请用通俗语言解释最安全的备份方式。
不要删除或覆盖我的原始数据。
8. 帮我制作交接说明
请为这个项目编写一份 README.md，
面向不懂编程的人说明：这个工具能做什么、怎么打开、
怎么使用、数据保存在哪里、可能遇到什么问题。
九、做大一点的项目：先规划，再开发，再验收
当你的项目从待办网页变成"客户管理系统"时，不建议一句话要求 Codex 把全部功能做好。
建议分成四个阶段：
想法
↓
明确最小需求
↓
开发第一个可用版本
↓
自己操作测试
↓
每次增加一个功能
假设想做一个"客户记录小工具"，先做：添加客户名称、联系人、备注、查看列表。之后再考虑搜索、数据导出。最后才考虑登录、团队协作和云端同步。
如何知道项目是否真的完成？
你需要区分三个概念：
- 代码写完：文件已经生成。
- 能够运行：页面可以打开，程序没有立即崩溃。
- 达到使用要求：关键场景经过测试，结果符合预期。
Codex 说"完成"并不意味着第三点已经满足。验收标准应当来自真实操作，而不是只相信 AI 的自述。
十、Codex 弹出权限申请，应该如何判断？
Codex 可能需要运行命令、修改文件或访问外部资源。权限是否合理，取决于任务。
| 操作 | 建议 |
|---|---|
| 在练习文件夹内创建网页文件 | 看清路径后可批准 |
| 在练习文件夹内修改现有代码 | 先了解修改范围 |
| 安装未知软件、下载执行脚本 | 先了解来源和用途 |
| 删除大量文件、覆盖原始资料 | 默认拒绝，先备份和核对 |
| 上传客户数据、密钥或个人隐私 | 不应随意授权 |
| 发布公开网站、触发付费服务 | 先确认费用、内容和公开范围 |
特别注意：如果它建议执行你看不懂的命令，可以直接问：
这条命令具体做什么？会读写哪些文件？是否联网？有没有删除数据或收费风险？请用中文解释，再由我决定是否执行。
不要把银行资料、账号密码、真实 API 密钥直接写进项目代码或聊天提示词；真实业务数据尽量先用虚构样例代替。
十一、如何把本地网页分享给其他人？
本地文件只在你的电脑上，别人通常打不开。分享给别人之前，需要考虑"发布"。
对于本教程这样的静态网页，可以让 Codex 帮你准备适用于静态托管平台的文件，例如 GitHub Pages 或 Cloudflare Pages。但发布步骤涉及第三方账号、访问权限和公开内容，必须由你检查并授权。
可以这样问 Codex：
这个项目目前只是本地静态网页。
我希望朋友通过网址打开它。
请先比较 GitHub Pages 和 Cloudflare Pages，
说明各自适用场景、免费额度限制、需要的账号和发布步骤。
先给操作方案，不要自行注册账号、发布或上传私人文件。
特别注意：我们的待办工具使用浏览器本地存储，所以即使把网站发布出去，每个人看到的也是各自浏览器里保存的数据，而不是大家共享一份任务列表。
如需用户登录、共享数据、收集表单或多人协作，通常需要额外后端服务，复杂度也会明显提高。
十二、进阶：什么是 Codex CLI？（可跳过）
CLI 是"命令行界面"，即在终端窗口输入指令，而不是用鼠标点按钮。
如果以后想尝试 CLI，可以先阅读官方安装指南。常见安装方式之一是先有 Node.js/npm，再安装 Codex：
npm install -g @openai/codex
安装完成后，在一个练习项目目录里启动：
codex
然后依照提示使用 ChatGPT 登录。以上是给进阶读者了解的示例，不是完成本教程的必要步骤。 不懂终端时优先使用图形界面；不要在不了解当前目录和命令含义时随意运行安装、删除或覆盖命令。
十三、零基础常见问题 FAQ
Q1：我完全不会编程，真的可以做软件吗？
可以从简单的网页和工具开始。你不必独立写代码，但仍需能够描述需求、实际测试、判断内容对不对。涉及支付、账号权限、重要数据和真实用户的产品，需要更严格的安全审查。
Q2：我需要先学 Python 吗？
不需要。先做成功一个不需要后端的简单工具，再按遇到的问题学习相关概念，通常更容易坚持。
Q3：Codex 和我在 ChatGPT 里说"帮我写代码"有什么区别？
核心区别在于能否围绕实际项目文件协助执行工作。Codex 可以在授权范围内修改文件、运行命令和测试；单纯获得一段聊天回复则还需要你自行落地。
Q4：Codex 会不会把我的文件删掉？
有文件操作权限时，存在误修改、覆盖或删除的风险。因此建议使用单独文件夹、保持备份、检查高风险操作，不应盲目批准所有权限请求。
Q5：有了 Codex，是否就完全不需要程序员？
制作个人工具、展示网页和简单原型，门槛确实大幅降低。但长期稳定运行的商业软件仍涉及安全、性能、可靠性、法律合规和维护等问题，不能只靠"生成代码"替代专业验证。
Q6：为什么 Codex 做的界面和我想的不一样？
AI 只能根据给出的信息推测你的偏好。你可以提供截图、参考风格、颜色、布局限制，并要求每轮只调整一部分。
Q7：为什么它会问我要不要运行命令？
因为某些动作涉及文件、系统或网络权限。你是最终决策者。看不懂时要求先解释，必要时拒绝。
十四、30 分钟入门练习清单
可以把下面内容当作一次完整练习，不需要一天学会所有功能。
- 登录 ChatGPT 桌面应用并找到 Codex。
- 新建一个空的练习项目文件夹。
- 让 Codex 先解释项目，不要修改文件。
- 复制第四章的需求提示词，让它列出计划。
- 确认后创建待办事项网页。
- 自己在浏览器里完成添加、勾选、刷新、删除四项测试。
- 提出一条具体的页面修改需求。
- 让 Codex 写出使用说明，并保留项目备份。
完成以上练习，你就掌握了 AI 辅助软件开发最重要的基本循环：提出需求 → 审核计划 → 允许实现 → 亲手测试 → 提出修改。
十五、学习后的三个练手项目
如果待办网页已经做成功，可以按下面的顺序尝试：
- 个人报价计算器：输入数量和价格，自动得到总金额；练习条件和公式。
- 活动报名网页原型：设计表单、验证必填内容；先只做前端，不保存真实个人资料。
- 简易客户资料管理工具：保存虚构客户信息，增加查询和 CSV 导出；学习数据结构与数据备份。
一次只做一个小项目。比起直接做一个复杂 App，连续完成三个能运行、能测试的小作品，会更快建立判断力。
结语
使用 Codex 不等于必须先成为程序员。
对于零基础的人，第一步不是背代码语法，而是学会：
- 说清楚自己想解决的问题；
- 给出清晰的完成标准；
- 小步迭代，亲自检查；
- 谨慎处理权限和数据。
从一个能运行的待办网页开始，你就从"想做一个软件"迈向了"能组织 AI 帮自己做出软件"。
官方参考资料
- OpenAI：通过 ChatGPT 套餐使用 Codex
- OpenAI：ChatGPT Work 与 Codex 的区别
- OpenAI：Codex 学习资源
- OpenAI：官方学习路线
- OpenAI：Codex 项目迭代最佳实践
本文用于教育和学习。产品支持的平台、界面、额度及发布服务条款可能随时间变化，请以各官方网站实时说明为准。