Skip to content

Codex 实战案例 ​

选择你想完成的任务,下载样例,按步骤操作。

第一次使用 Codex?先做下面的个人主页,再选一个小作品继续。在桌面应用里聊天就能开始,代码修复和演示稿脚本可以以后再学。

先做一个看得见的作品 ​

Codex 实际生成的个人作品页

从第一版到手机可用:个人作品页图文实战。复制需求、打开网页、继续聊天修改,配修改前后截图和可下载示例。正文不用命令。

接着做三个小作品 ​

图文教程能做出什么会练到的操作
活动邀请页一张带时间、地点和安排的邀请页提供信息、调整位置、点按钮跳到安排
每日待办清单能添加和勾选的小清单检查按钮、刷新检查保存、下载文字备份
英语单词卡片能翻答案、切换下一张的卡片提供词表、隐藏答案、检查最后一张和重新开始

每篇都有可打开的示例、实际页面截图和下载文件。做出来的样子可以不同,跟着教程检查信息和按钮是否正确。

想继续学代码,再选这些练习 ​

案例产物开始条件
购物车负金额修复原始代码、固定测试、修复实现Node.js、可用 Codex 登录
浏览器验收固定页面、截图、问题报告已接入浏览器工具;不含安装教学
Markdown 演示稿输入提纲、转换脚本、HTML 产物Node.js;若需要 PPTX 则不适用
用 Impeccable 检查页面页面问题清单、限定范围的修改与复查已有前端项目与 Codex;按上游安装技能

内容标准与反馈

Codex 中文教程与实战 · 非 OpenAI 官方网站