夜雨聆风学习资料网

ARTICLE · 1009950

Codex保姆级教程:从安装到做出第一个应用

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 做出过自己的第一个作品吗?评论区晒晒👇

注:文中工具信息基于公开教程整理,操作请以官方文档为准。

相关学习资料