ARTICLE · 1009950
Codex保姆级教程:从安装到做出第一个应用
上个月,一个做行政的朋友给我看她"做"的网站:个人主页,有头像、简介、作品展示,手机上打开也不乱。
她一行代码都不会写。
秘密就一个词:Codex。
很多人第一次听到它,以为是"更会写代码的 ChatGPT"。只对了一半。
ChatGPT 是帮你想的,Codex 是帮你干的。
它会真的进入你的文件夹,读你的代码,改你的文件,跑你的命令,检查结果,然后继续改——一个完整的工作搭子,不是一个聊天窗口。
今天这篇,就按新手最需要的路径来:看完就能装,装完就能用,用完就能做出第一个东西。
01 安装:普通人选最稳的路
Codex 有四个入口:App、CLI、IDE 插件、网页版。普通人别纠结,记住一句话——
想最快上手:装 Codex App;想进专业工作流:装 CLI。
路线一(推荐新手):
① 打开官网下载 Codex App,Windows/Mac 都有;② 用 ChatGPT 账号登录(个人使用优先这个,省心);③ 选一个空文件夹给它——注意,只给空文件夹,别把隐私文件交出去;④ 发第一条消息:"帮我分析这个项目结构"。
路线二(程序员路线):终端里一行命令——
npm i -g @openai/codex
装完敲 codex,登录,齐活。前提是你机器上有 Node.js。
提醒两个坑:一是邮箱密码登录的,账号得先开双重验证,很多人"登不上"其实是卡在这;二是登录凭据存在 auth.json 文件里,千万别上传到 GitHub,也别发给别人。🔒
02 做第一个东西:五步做出个人主页
装完最忌讳干瞪眼。直接上新手第一课:做一个能在手机上正常打开的个人主页。
第一步,先要计划,不要代码。
记住这句提示词:"我想做一个个人主页,先别写代码,先给我实现计划:要建哪些文件、每个文件干什么、怎么验证效果。等我确认再动手。"
第二步,确认计划,让它执行。
它通常生成 4 个文件:网页、样式、脚本、说明文档。如果它想装一堆依赖,拦住它:"能不能不用依赖,纯静态实现?"——新手期越简单越稳。
第三步,本地预览。
直接让它"启动本地预览服务,告诉我访问地址"。浏览器打开,手机尺寸看一眼。
第四步,小步迭代。
一轮只改两三处:"背景更干净一点""卡片悬停时轻微浮起""手机端留白太大"。别一次提十个需求,它会乱。📱
第五步,让它自查。
"自查这个页面:结构清不清晰、样式有没有冗余、手机端会不会溢出。先列问题清单,别直接改。"
看到没?全程你只干了一件事:提需求、看结果、给反馈。这已经不是"学编程"了,这是"当甲方"。
03 三个心法,比教程值钱
心法一:先计划,后动手。直接让它写代码,它会一股脑全改完,错了都找不到回去的路。先出计划再执行,你始终握着方向盘。
心法二:权限最小化。默认只读最安全,要写文件再放行,高危操作(删文件、装依赖)单独确认。别一上来就给"完全访问"。
心法三:涉及删除,先要清单。让它整理文件时加一句"只输出清单,不要删除"。AI 不会心疼你的文件,你得自己心疼。⚠️
写在最后
跑通个人主页之后,Codex 的真正用法才刚打开:读懂陌生项目、修 Bug、重构代码、写文档、操作浏览器检查页面……网上光实战案例就有人整理了 22 个,从网页、游戏到自动化工作流。
这个时代最反常识的一点是:程序员的核心技能,正在从"写代码"变成"会下指令、会验收"。
你不需要记住语法,你需要说清楚三件事:我要什么、约束是什么、怎么算做好。
想法 + Codex = 作品。中间那道曾经叫"编程"的墙,正在一堵一堵拆掉。
你用 AI 做出过自己的第一个作品吗?评论区晒晒👇
注:文中工具信息基于公开教程整理,操作请以官方文档为准。