最近Codex的熱度,真的感覺直線飆升。
社群里一直有人問,什么時候出新的教程。
![]()
我其實在二月份的時候,寫過一篇。
但說實話,那時候的Codex熱度很低,而且?guī)讉€月過去,那時候跟現(xiàn)在開啟了爆更模式的Codex比,幾乎是兩個產(chǎn)品了。
所以我覺得,是時候重新給大家寫一篇更加全面的Codex教程了。
帶大家全面的了解一下這個我現(xiàn)在覺得最牛逼的Agent產(chǎn)品之一。
我也準(zhǔn)備用兩個比較有手就行的例子,用一個網(wǎng)頁和一個App,來串起這一整篇教程。
跟著做,相信你們也能實現(xiàn)。
![]()
好,廢話不多說,我們直接開始。
一. 安裝Codex
一切的前提,當(dāng)然就是有魔法和ChatGPT賬號了,這個我們就不管了,大家只能自己去想辦法解決。
然后,我們可以直接去OpenAI的Codex官網(wǎng)下載安裝。
鏈接在此:https://chatgpt.com/zh-Hans-CN/codex/
Mac和Windows都有。
我來用Mac做個演示。
然后正常打開,進(jìn)行登錄。
Codex的額度是跟你的ChatGPT會員相關(guān)的,我自己一般是100美刀的會員,200刀的在Claude那邊,如果你比較輕度的話,20美刀的其實也勉強(qiáng)能用。
![]()
也可以使用其他方式使用Codex,比如API key,這個就看大家自己了。
![]()
登錄之后,這里根據(jù)你的情況隨便選一個,或者跳過也行。
![]()
接下來,最騷的來了,你可以從Claude Code和Cowork直接導(dǎo)入所有的內(nèi)容。
![]()
Codex不光天天重置額度喊你來用,還能幫你搬家,一鍵繼承之前的全部配置。
之前Claude支持導(dǎo)入記憶來挖ChatGPT用戶,現(xiàn)在Codex直接反手一刀挖你Claude Code用戶,你就說爽不爽吧。
我都想給它鞠個躬。
根據(jù)你的需求進(jìn)行選擇后,你就能進(jìn)入到界面里面了。
二. 認(rèn)識界面
進(jìn)來后,界面長這樣。
我先帶大家快速認(rèn)識一下各個區(qū)域。
![]()
中間這一大塊,就是我們平時的對話區(qū),跟平時用的AI聊天差不多。
左邊欄是來管理你的所有對話和項目。
這里分兩個目錄,一個叫對話,一個叫項目。
![]()
對話適合不需要綁定到特定文件夾的任務(wù),比如做做調(diào)研、做做規(guī)劃,這些零碎的小任務(wù)里。
![]()
項目才是Codex真正的主戰(zhàn)場。
選一個本地文件夾作為項目目錄,Codex就會以這個文件夾為工作區(qū)間,所有生成的文件都會自動存進(jìn)去。
一個項目里可以開好幾個對話,每條對話就是一條獨立的任務(wù)線,它們共享同一個文件夾里的文件,但記錄互相隔離。
![]()
如果你所有事情都堆在同一個對話里,記錄越來越長,上下文污染會很嚴(yán)重。
所以最好的是,同一個方向的任務(wù)放同一個項目,具體的每件事開一條新對話去推進(jìn)。
說到這我真心建議一句,前期的分類我是真的覺得挺重要的,不然到后期,真的會很抓狂。。。
我們可以在左側(cè)項目這邊點擊這個加號新建文件夾,或者使用一個現(xiàn)有的。
![]()
然后,你就進(jìn)入到了一個具體的項目里,也能看到對話框有變化了。
然后在對話框左下角有三檔權(quán)限選擇。
![]()
保守一點就選默認(rèn)權(quán)限,就是動個啥都需要你審批。
自動審查適合日常開發(fā),碰到有風(fēng)險的操作會攔一下,比如刪除大量文件、訪問敏感目錄等這些。
然后像我一般是選完全訪問權(quán)限,因為這樣就不會每次都征求同意了,全部直接自動運行。
畢竟我又不是開發(fā)出身,彈出來的東西我也看不懂,你問我,我能懂個啥。那不如直接全部放開,讓它自己搞就完事了。
對話框右下角可以切換模型和推理等級。
模型直接不用管,無腦選目前最強(qiáng)的GPT-5.5。
![]()
推理等級日常用高就夠了,遇到真正的硬活大活再開超高就行。
速度有快速和標(biāo)準(zhǔn),快速是1.5倍的token消耗量,還挺燒token的,不過說實話,標(biāo)準(zhǔn)跟快速的速度也沒差特別多,在你token不是那種可以無限燒的情況下,我還是推薦大家使用標(biāo)準(zhǔn)。
![]()
右下角還有一個小麥克風(fēng),就是Codex自帶的語音輸入,不過使用體驗還是挺爛的,錄完以后要等好幾秒才能轉(zhuǎn)寫出來,不是特別推薦大家用,相比起來,你直接用豆包的語音輸入法更香。
![]()
當(dāng)然,用著用著,你可能會好奇自己還剩多少額度。
![]()
點左下角的設(shè)置,找到剩余額度,就能看到你5小時內(nèi)還剩多少、這周還剩多少、啥時候刷新。
![]()
像我這周太忙了,白花花的額度都沒空用,真的佛了。
三. 修改設(shè)置
我知道你看到這兒已經(jīng)急得抓耳撓腮,恨不得當(dāng)場造個玩意出來。
但我還是建議大家,先跟著我,改一下設(shè)置,有些東西稍微搞一下,這一步,不!能!跳!
打開左下角的設(shè)置。
![]()
常規(guī)設(shè)置設(shè)置里面的這三個,都打開。
![]()
往下滑,跟進(jìn)行為改成引導(dǎo),這樣你發(fā)現(xiàn)中途你想修改的時候就可以直接插入,而不是必須等著那個任務(wù)做完才能進(jìn)行新一輪的對話。
![]()
如果在剛才開頭那一步忘了導(dǎo)入Claude Code的內(nèi)容,也沒關(guān)系,在這里也可以補(bǔ)導(dǎo)入。
![]()
接下來,設(shè)置AGENTS.md。
這是從上往下分層穿透的約束體系,也就是你給codex設(shè)置的家法。
第一層全局生效的AGENTS.md。
在個性化設(shè)置的自義定指令里修改。
他是你為codex提供的全局通用的規(guī)則。
這個設(shè)好了,不管你以后開多少個新對話,他都會記得。
![]()
這塊就不給大家推薦我自己的了,我自己的太自定義了,我也給大家推薦一個我覺得不錯的來自大神卡帕西的模板,可以直接復(fù)制粘貼使用。
Behavioral guidelines to reduce common LLM coding mistakes. Merge with project-specific instructions as needed.**Tradeoff:** These guidelines bias toward caution over speed. For trivial tasks, use judgment.## 1. Think Before Coding**Don't assume. Don't hide confusion. Surface tradeoffs.**Before implementing:- State your assumptions explicitly. If uncertain, ask.- If multiple interpretations exist, present them - don't pick silently.- If a simpler approach exists, say so. Push back when warranted.- If something is unclear, stop. Name what's confusing. Ask.## 2. Simplicity First**Minimum code that solves the problem. Nothing speculative.**- No features beyond what was asked.- No abstractions for single-use code.- No "flexibility" or "configurability" that wasn't requested.- No error handling for impossible scenarios.- If you write 200 lines and it could be 50, rewrite it.Ask yourself: "Would a senior engineer say this is overcomplicated?" If yes, simplify.## 3. Surgical Changes**Touch only what you must. Clean up only your own mess.**When editing existing code:- Don't "improve" adjacent code, comments, or formatting.- Don't refactor things that aren't broken.- Match existing style, even if you'd do it differently.- If you notice unrelated dead code, mention it - don't delete it.When your changes create orphans:- Remove imports/variables/functions that YOUR changes made unused.- Don't remove pre-existing dead code unless asked.The test: Every changed line should trace directly to the user's request.## 4. Goal-Driven Execution**Define success criteria. Loop until verified.**Transform tasks into verifiable goals:- "Add validation" → "Write tests for invalid inputs, then make them pass"- "Fix the bug" → "Write a test that reproduces it, then make it pass"- "Refactor X" → "Ensure tests pass before and after"For multi-step tasks, state a brief plan:1. [Step] → verify: [check]2. [Step] → verify: [check]3. [Step] → verify: [check]Strong success criteria let you loop independently. Weak criteria ("make it work") require constant clarification.---**These guidelines are working if:** fewer unnecessary changes in diffs, fewer rewrites due to overcomplication, and clarifying questions come before implementation rather than after mistakes.然后記憶的兩個功能,我推薦都可以在設(shè)置下的個性化中打開。
![]()
打開以后,它會在你結(jié)束對話或者閑置了一段時間之后,自動把之前的對話總結(jié)成記憶片段保存下來,以后遇到相關(guān)的場景會自動調(diào)出來用。
在設(shè)置的外觀里往下翻,最底下有個寵物的區(qū)域,有經(jīng)典的Codex形象,也有各種各樣其他的,就跟Claude code的那個一樣,大家想養(yǎng),可以自己去養(yǎng)著玩玩。
![]()
四. skills與插件
然后,我們再來介紹一下插件和技能。
在codex里,都是從插件這個tab點進(jìn)去。
![]()
然后頂部就有tab可以切換插件和技能。
![]()
技能這個東西,就是Skills,字面意思,給Agent用的技能。
我相信大家對這個東西已經(jīng)非常了解了,但是如果你確實還不知道的話,可以去看我之前寫的那篇
插件就是把一組技能、工具、配置打包起來的安裝包,你可以理解為比技能更牛逼更成熟的東西。
Codex的好處是,都做了可視化UI界面。
![]()
你可以直接點擊右上角的管理,進(jìn)入管理界面,批量管理你的插件和skills。
![]()
同時也自帶了Skill創(chuàng)建器和插件創(chuàng)建器,你想做個啥,都可以直接右上角點創(chuàng)建。
![]()
然后大白話告訴他你要做什么樣的技能和插件就行。
![]()
如果要下載除了官方之外的skill或者插件,直接把鏈接甩給他就可以。
![]()
其他的都跟別的Agent,沒有特別大的區(qū)別。
五. 開發(fā)一個網(wǎng)頁
現(xiàn)在,你終于可以大展身手了。
先帶大家,直接開發(fā)一個小網(wǎng)頁,走一遍流程。
當(dāng)你建好一個項目文件夾之后。
![]()
按一下左邊的加號,打開計劃模式的開關(guān)。
![]()
計劃模式就是只規(guī)劃不動手,先幫你把方案理清楚,你確認(rèn)了再開始做。
每個稍微復(fù)雜一點的項目,我都推薦你先用這個模式過一遍。
打開以后對話框左邊會出現(xiàn)一個小圖標(biāo),說明你現(xiàn)在在計劃模式下。
接下來,咱們跟他說,幫我做一個Codex功能介紹的網(wǎng)頁,要好看,要有設(shè)計感,把所有功能按層級分類展示出來。
![]()
它會先問你幾個問題。
![]()
你直接點選回答就行,回答完以后,它會給你一份比較完整的方案計劃。
![]()
當(dāng)你確認(rèn)沒毛病之后,就可以開始實施。
中間的開發(fā)過程我就不截圖了,反正全自動的。
這種小網(wǎng)頁,基本就是一遍成,做完之后,他就會給你提示,你可以直接用Codex的內(nèi)置瀏覽器打開看看效果。
![]()
打開之后會看到一個預(yù)覽頁面,中間有一條線可以左右拖動來對比。
![]()
右上角有幾個按鈕。
第一個是截圖,點一下就能截取當(dāng)前頁面,效果就像下面這樣。
![]()
第二個是批注,這個是我用得最多的功能之一,真的很香。
點開批注之后,你可以直接在頁面上圈選任何元素,寫上你的修改意見。
比如說我想讓他改成官方的logo,直接在頁面上選中它,手動輸入文字說明就行了,不用再截圖或者用嘴去描述一大堆
![]()
而且最近剛上的一個新功能是,像字體、字號、顏色這些參數(shù),選中之后可以直接調(diào),改完實時就能看到效果。
![]()
注釋完,點右上角發(fā)送。
修改后的效果就是這樣的。
![]()
當(dāng)然,現(xiàn)在做出來的網(wǎng)頁是跑在你本地的,只有你自己能看到。
如果你想發(fā)給別人看,就需要把它部署到服務(wù)器上。
我們公司內(nèi)部人員部署網(wǎng)站,用的是一個我專門給公司同事搓的Skill,安裝好之后直接讓Codex調(diào)用就行了,非常方便。
![]()
輸入/,就可以調(diào)用skill。
![]()
具體怎么部署到自己的服務(wù)器,每個人的情況不一樣,這里就不展開了,相信大家自己能夠搞定。
六. 開發(fā)一個APP
接下來呢,我們再來個更進(jìn)階一點的,同時更好玩的,就是,做一個APP。
我用一個自己的真實需求來演示。
就比如說最近剛體檢完,結(jié)果確實不太好,去了醫(yī)院看了一下,醫(yī)生給我開了三種藥,一天吃兩到三次,有的飯前半小時吃,有的飯后吃,搞得我頭都大了。
而且我經(jīng)常搞混,剛剛到底吃了沒有???
所以我就想,要不要做一個手機(jī)上的用藥提醒App,來通知提醒我吃藥。
就這么個特別臨時特別小的東西,正好拿來當(dāng)演示case了。
同樣,開啟計劃模式,說出我的需求,Codex會問一些問題,然后你老樣子回答一下。
![]()
最后,給一份方案,確認(rèn)實施計劃。
![]()
過程同樣不截圖了,反正我干別的事情沒管了,全是自動跑,大概二十分鐘后做出來了。
![]()
它給了一堆亂七八糟的文件,看不懂沒關(guān)系,不知道怎么安裝到手機(jī)上也沒關(guān)系。
你就直接說,我現(xiàn)在想傳到我的手機(jī)上。
![]()
Codex會告訴你,得先安裝Xcode。
因為開發(fā)一個APP跟開發(fā)網(wǎng)頁不一樣。
你可以簡單的理解為,網(wǎng)頁用瀏覽器就能跑,但APP需要一個專門的本地化開發(fā)工具,蘋果這邊叫Xcode,只有裝了這個東西,才能把APP編譯出來裝到手機(jī)上。
![]()
你其實也不用管什么事Xcode,我覺得絕大多數(shù)人電腦上大概率也沒有提前安裝Xcode,所以呢,你就可以用一個Codex的很屌的邪修方法,直接@Computer Use,讓他來幫我搜索、下載和安裝。
這里的@,是用來點名插件的。
![]()
Computer Use是我平時經(jīng)常使用的插件之一,也是Codex上最棒的能力之一,全世界能視覺化的操控你電腦的就沒幾家,Codex做的非常好了。
如果要使用,需要先去設(shè)置里把Computer Use的開關(guān)打開。
![]()
另一個常用的就是Codex for Chrome,想要使用同樣需要開啟開關(guān)。
這個能沿用你Chrome里已經(jīng)登錄的賬號狀態(tài),操控瀏覽器。
![]()
并且在這個過程中,用Tab Group來隔離工作區(qū),不會搶你的標(biāo)簽頁,你該干嘛干嘛。
![]()
軟件下載完之后,你都不用打開Xcode,你也不用管,你可以直接讓Computer Use來幫你操作后面所有的編譯步驟。
![]()
用的過程中,電腦上方還會顯示一個操控狀態(tài)的提示條。
不過,碰到需要輸入密碼或者登錄賬號這種涉及安全的步驟,它會停下來,讓你自己來操作。
![]()
剩下的交給他一點一點自己操作就行。
![]()
到手機(jī)端的步驟,就只能自己來了,比如用數(shù)據(jù)線連接兩臺設(shè)備,開啟開發(fā)者模式,重啟手機(jī),確認(rèn)信任,這些跟著Codex的指引一步一步來就行。
![]()
不一會App就裝到手機(jī)上了,雖然我忘記做AppIcon了,不過這不重要。
![]()
里面的雛形也做好了。
![]()
做到這里,如果你希望繼續(xù)遠(yuǎn)程繼續(xù)開發(fā)的話,你還可以,就掏出手機(jī)繼續(xù)操作。
這里就要介紹一個非常非常非常爽的功能是,在手機(jī)上操作codex。
目前只能在mac上連接,iOS/Android手機(jī)都可以。
這是前兩天剛上線的新功能,我還專門寫過一篇文章。
![]()
最后做出來也沒啥問題,非常方便。
![]()
到時間了,也會跳出彈窗來提醒我。
![]()
就很簡單,也很有意思。當(dāng)然,如果你要上架AppStore的話,那就是另一碼事了,我就不在文章里面詳細(xì)說了,你可以讓Codex繼續(xù)給你操作。
最后,有一個東西,我確實還是得單獨說一下。
就是,讓W(xué)indows用戶破防的事情。
Mac用戶目前是Codex里的高貴VIP,Windows用戶只是。。。站票。
我整理了一張表,列了一下Mac支持但Windows不支持的功能。
![]()
前面用過的Computer Use、遠(yuǎn)程手機(jī)連接就不說了。
Appshots,雙擊Command鍵就能把你當(dāng)前前臺窗口的截圖和文字一起發(fā)給Codex,不用再截圖粘貼或者用嘴描述半天,它直接就能看到你屏幕上的東西。
Locked Computer Use,鎖屏后Codex還能繼續(xù)操控你的Mac。
Chronicle,屏幕上下文記憶,Codex會在后臺觀察你的屏幕,把你最近在干什么自動記下來。
Goal Mode,給Codex定一個目標(biāo),它就會自己持續(xù)跑下去,直到完成。
這些,全是Mac專屬。
Windows的朋友們,只能再等等吧。
這也是為啥,我給公司里的同時,除了財務(wù)HR法務(wù)這種特殊群體之外,幾乎全員配Mac的原因。。。
最后。
希望大家coding愉快。
以上,既然看到這里了,如果覺得不錯,隨手點個贊、在看、轉(zhuǎn)發(fā)三連吧,如果想第一時間收到推送,也可以給我個星標(biāo)?~謝謝你看我的文章,我們,下次再見。
>/ 作者:卡茲克、可達(dá)
>/ 投稿或爆料,請聯(lián)系郵箱:wzglyay@virxact.com
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.