← 返回博客
02 · 入门 · Codex 入门

Codex 新人入门:先做一个简单待办网页

2026-10-08 · ColaBot 编辑 · 约 620 字 · 2 分钟

从一个练习目录开始,体验提出需求、修改文件和打开结果。

第一次 Codex 协作,只做三件事:说清需求 → 修改文件 → 打开检查
教学流程示意:生成文件之后,还要预览和验收。

1. 先选一个小目标

第一次用 Codex,别急着做带登录和付款的大网站。先做一个待办网页:能添加任务、标记完成和删除,手机上也方便点击。Codex 可以在合适的环境与权限下读代码、改文件、运行工具。你可以选择编辑器入口或终端 CLI;云端任务需要配置项目环境,普通聊天回复并不等于真实文件已经改变。

2. 准备一个练习目录

新建专门的文件夹,例如 codex-first-page,在支持的编辑器里打开,再按官方说明启用 Codex 并登录。工作区就是这次处理文件的范围,终端是运行命令的地方。如果还不会这些操作,可以让它结合当前项目解释。先做本地预览,不必为一个练习连接服务器、邮箱或付款账户。

3. 把要求说成能检查的事情

下面这条任务说明了功能、外观和交付方式。发出后,留意它创建哪些文件、使用什么工具;遇到缺失条件,让它说清楚。不同入口和账号的功能、额度可能不同,以实际设置为准。

可以照做的练习
做一个中文待办网页,使用 HTML、CSS 和 JavaScript。支持添加、完成、删除,空内容不能提交,手机上不横向滚动。完成后说明如何预览,以及检查了哪些操作。

4. 打开页面,亲手验收

添加两条任务,再标记完成、删除其中一条,把窗口缩窄到手机大小。刷新后内容是否保留,要看你有没有提出保存要求;浏览器本地保存也不等于跨设备同步。反馈问题时说清条件,例如“长文字把删除按钮挤出屏幕”。保留备份或 Git 记录,确认改动后再学习发布。

如果页面出错,记录打开的地址、操作步骤和实际表现,再让 Codex 复现。不要同时追加许多功能;一次解决一个问题,比较修改前后,才能逐渐看懂项目。

参考资料

资料核对日期:2026-10-08。文中的类比、练习与实施建议为 ColaBot 编辑整理,产品入口、接口和使用范围以当前官方资料及账户实际设置为准。