最近Codex的熱度,真的感覺直線飆升。
社群里一直有人問,什么時候出新的教程。
![]()
我其實在二月份的時候,寫過一篇。
但說實話,那時候的Codex熱度很低,而且幾個月過去,那時候跟現在開啟了爆更模式的Codex比,幾乎是兩個產品了。
所以我覺得,是時候重新給大家寫一篇更加全面的Codex教程了。
帶大家全面的了解一下這個我現在覺得最牛逼的Agent產品之一。
我也準備用兩個比較有手就行的例子,用一個網頁和一個App,來串起這一整篇教程。
跟著做,相信你們也能實現。
![]()
好,廢話不多說,我們直接開始。
一. 安裝Codex
一切的前提,當然就是有魔法和ChatGPT賬號了,這個我們就不管了,大家只能自己去想辦法解決。
然后,我們可以直接去OpenAI的Codex官網下載安裝。
鏈接在此:https://chatgpt.com/zh-Hans-CN/codex/
Mac和Windows都有。
我來用Mac做個演示。
然后正常打開,進行登錄。
Codex的額度是跟你的ChatGPT會員相關的,我自己一般是100美刀的會員,200刀的在Claude那邊,如果你比較輕度的話,20美刀的其實也勉強能用。
![]()
也可以使用其他方式使用Codex,比如API key,這個就看大家自己了。
![]()
登錄之后,這里根據你的情況隨便選一個,或者跳過也行。
![]()
接下來,最騷的來了,你可以從Claude Code和Cowork直接導入所有的內容。
![]()
Codex不光天天重置額度喊你來用,還能幫你搬家,一鍵繼承之前的全部配置。
之前Claude支持導入記憶來挖ChatGPT用戶,現在Codex直接反手一刀挖你Claude Code用戶,你就說爽不爽吧。
我都想給它鞠個躬。
根據你的需求進行選擇后,你就能進入到界面里面了。
二. 認識界面
進來后,界面長這樣。
我先帶大家快速認識一下各個區域。
![]()
中間這一大塊,就是我們平時的對話區,跟平時用的AI聊天差不多。
左邊欄是來管理你的所有對話和項目。
這里分兩個目錄,一個叫對話,一個叫項目。
![]()
對話適合不需要綁定到特定文件夾的任務,比如做做調研、做做規劃,這些零碎的小任務里。
![]()
項目才是Codex真正的主戰場。
選一個本地文件夾作為項目目錄,Codex就會以這個文件夾為工作區間,所有生成的文件都會自動存進去。
一個項目里可以開好幾個對話,每條對話就是一條獨立的任務線,它們共享同一個文件夾里的文件,但記錄互相隔離。
![]()
如果你所有事情都堆在同一個對話里,記錄越來越長,上下文污染會很嚴重。
所以最好的是,同一個方向的任務放同一個項目,具體的每件事開一條新對話去推進。
說到這我真心建議一句,前期的分類我是真的覺得挺重要的,不然到后期,真的會很抓狂。。。
我們可以在左側項目這邊點擊這個加號新建文件夾,或者使用一個現有的。
![]()
然后,你就進入到了一個具體的項目里,也能看到對話框有變化了。
然后在對話框左下角有三檔權限選擇。
![]()
保守一點就選默認權限,就是動個啥都需要你審批。
自動審查適合日常開發,碰到有風險的操作會攔一下,比如刪除大量文件、訪問敏感目錄等這些。
然后像我一般是選完全訪問權限,因為這樣就不會每次都征求同意了,全部直接自動運行。
畢竟我又不是開發出身,彈出來的東西我也看不懂,你問我,我能懂個啥。那不如直接全部放開,讓它自己搞就完事了。
對話框右下角可以切換模型和推理等級。
模型直接不用管,無腦選目前最強的GPT-5.5。
![]()
推理等級日常用高就夠了,遇到真正的硬活大活再開超高就行。
速度有快速和標準,快速是1.5倍的token消耗量,還挺燒token的,不過說實話,標準跟快速的速度也沒差特別多,在你token不是那種可以無限燒的情況下,我還是推薦大家使用標準。
![]()
右下角還有一個小麥克風,就是Codex自帶的語音輸入,不過使用體驗還是挺爛的,錄完以后要等好幾秒才能轉寫出來,不是特別推薦大家用,相比起來,你直接用豆包的語音輸入法更香。
![]()
當然,用著用著,你可能會好奇自己還剩多少額度。
![]()
點左下角的設置,找到剩余額度,就能看到你5小時內還剩多少、這周還剩多少、啥時候刷新。
![]()
像我這周太忙了,白花花的額度都沒空用,真的佛了。
三. 修改設置
我知道你看到這兒已經急得抓耳撓腮,恨不得當場造個玩意出來。
但我還是建議大家,先跟著我,改一下設置,有些東西稍微搞一下,這一步,不!能!跳!
打開左下角的設置。
![]()
常規設置設置里面的這三個,都打開。
![]()
往下滑,跟進行為改成引導,這樣你發現中途你想修改的時候就可以直接插入,而不是必須等著那個任務做完才能進行新一輪的對話。
![]()
如果在剛才開頭那一步忘了導入Claude Code的內容,也沒關系,在這里也可以補導入。
![]()
接下來,設置AGENTS.md。
這是從上往下分層穿透的約束體系,也就是你給codex設置的家法。
第一層全局生效的AGENTS.md。
在個性化設置的自義定指令里修改。
他是你為codex提供的全局通用的規則。
這個設好了,不管你以后開多少個新對話,他都會記得。
![]()
這塊就不給大家推薦我自己的了,我自己的太自定義了,我也給大家推薦一個我覺得不錯的來自大神卡帕西的模板,可以直接復制粘貼使用。
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.然后記憶的兩個功能,我推薦都可以在設置下的個性化中打開。
![]()
打開以后,它會在你結束對話或者閑置了一段時間之后,自動把之前的對話總結成記憶片段保存下來,以后遇到相關的場景會自動調出來用。
在設置的外觀里往下翻,最底下有個寵物的區域,有經典的Codex形象,也有各種各樣其他的,就跟Claude code的那個一樣,大家想養,可以自己去養著玩玩。
![]()
四. skills與插件
然后,我們再來介紹一下插件和技能。
在codex里,都是從插件這個tab點進去。
![]()
然后頂部就有tab可以切換插件和技能。
![]()
技能這個東西,就是Skills,字面意思,給Agent用的技能。
我相信大家對這個東西已經非常了解了,但是如果你確實還不知道的話,可以去看我之前寫的那篇
插件就是把一組技能、工具、配置打包起來的安裝包,你可以理解為比技能更牛逼更成熟的東西。
Codex的好處是,都做了可視化UI界面。
![]()
你可以直接點擊右上角的管理,進入管理界面,批量管理你的插件和skills。
![]()
同時也自帶了Skill創建器和插件創建器,你想做個啥,都可以直接右上角點創建。
![]()
然后大白話告訴他你要做什么樣的技能和插件就行。
![]()
如果要下載除了官方之外的skill或者插件,直接把鏈接甩給他就可以。
![]()
其他的都跟別的Agent,沒有特別大的區別。
五. 開發一個網頁
現在,你終于可以大展身手了。
先帶大家,直接開發一個小網頁,走一遍流程。
當你建好一個項目文件夾之后。
![]()
按一下左邊的加號,打開計劃模式的開關。
![]()
計劃模式就是只規劃不動手,先幫你把方案理清楚,你確認了再開始做。
每個稍微復雜一點的項目,我都推薦你先用這個模式過一遍。
打開以后對話框左邊會出現一個小圖標,說明你現在在計劃模式下。
接下來,咱們跟他說,幫我做一個Codex功能介紹的網頁,要好看,要有設計感,把所有功能按層級分類展示出來。
![]()
它會先問你幾個問題。
![]()
你直接點選回答就行,回答完以后,它會給你一份比較完整的方案計劃。
![]()
當你確認沒毛病之后,就可以開始實施。
中間的開發過程我就不截圖了,反正全自動的。
這種小網頁,基本就是一遍成,做完之后,他就會給你提示,你可以直接用Codex的內置瀏覽器打開看看效果。
![]()
打開之后會看到一個預覽頁面,中間有一條線可以左右拖動來對比。
![]()
右上角有幾個按鈕。
第一個是截圖,點一下就能截取當前頁面,效果就像下面這樣。
![]()
第二個是批注,這個是我用得最多的功能之一,真的很香。
點開批注之后,你可以直接在頁面上圈選任何元素,寫上你的修改意見。
比如說我想讓他改成官方的logo,直接在頁面上選中它,手動輸入文字說明就行了,不用再截圖或者用嘴去描述一大堆
![]()
而且最近剛上的一個新功能是,像字體、字號、顏色這些參數,選中之后可以直接調,改完實時就能看到效果。
![]()
注釋完,點右上角發送。
修改后的效果就是這樣的。
![]()
當然,現在做出來的網頁是跑在你本地的,只有你自己能看到。
如果你想發給別人看,就需要把它部署到服務器上。
我們公司內部人員部署網站,用的是一個我專門給公司同事搓的Skill,安裝好之后直接讓Codex調用就行了,非常方便。
![]()
輸入/,就可以調用skill。
![]()
具體怎么部署到自己的服務器,每個人的情況不一樣,這里就不展開了,相信大家自己能夠搞定。
六. 開發一個APP
接下來呢,我們再來個更進階一點的,同時更好玩的,就是,做一個APP。
我用一個自己的真實需求來演示。
就比如說最近剛體檢完,結果確實不太好,去了醫院看了一下,醫生給我開了三種藥,一天吃兩到三次,有的飯前半小時吃,有的飯后吃,搞得我頭都大了。
而且我經常搞混,剛剛到底吃了沒有???
所以我就想,要不要做一個手機上的用藥提醒App,來通知提醒我吃藥。
就這么個特別臨時特別小的東西,正好拿來當演示case了。
同樣,開啟計劃模式,說出我的需求,Codex會問一些問題,然后你老樣子回答一下。
![]()
最后,給一份方案,確認實施計劃。
![]()
過程同樣不截圖了,反正我干別的事情沒管了,全是自動跑,大概二十分鐘后做出來了。
![]()
它給了一堆亂七八糟的文件,看不懂沒關系,不知道怎么安裝到手機上也沒關系。
你就直接說,我現在想傳到我的手機上。
![]()
Codex會告訴你,得先安裝Xcode。
因為開發一個APP跟開發網頁不一樣。
你可以簡單的理解為,網頁用瀏覽器就能跑,但APP需要一個專門的本地化開發工具,蘋果這邊叫Xcode,只有裝了這個東西,才能把APP編譯出來裝到手機上。
![]()
你其實也不用管什么事Xcode,我覺得絕大多數人電腦上大概率也沒有提前安裝Xcode,所以呢,你就可以用一個Codex的很屌的邪修方法,直接@Computer Use,讓他來幫我搜索、下載和安裝。
這里的@,是用來點名插件的。
![]()
Computer Use是我平時經常使用的插件之一,也是Codex上最棒的能力之一,全世界能視覺化的操控你電腦的就沒幾家,Codex做的非常好了。
如果要使用,需要先去設置里把Computer Use的開關打開。
![]()
另一個常用的就是Codex for Chrome,想要使用同樣需要開啟開關。
這個能沿用你Chrome里已經登錄的賬號狀態,操控瀏覽器。
![]()
并且在這個過程中,用Tab Group來隔離工作區,不會搶你的標簽頁,你該干嘛干嘛。
![]()
軟件下載完之后,你都不用打開Xcode,你也不用管,你可以直接讓Computer Use來幫你操作后面所有的編譯步驟。
![]()
用的過程中,電腦上方還會顯示一個操控狀態的提示條。
不過,碰到需要輸入密碼或者登錄賬號這種涉及安全的步驟,它會停下來,讓你自己來操作。
![]()
剩下的交給他一點一點自己操作就行。
![]()
到手機端的步驟,就只能自己來了,比如用數據線連接兩臺設備,開啟開發者模式,重啟手機,確認信任,這些跟著Codex的指引一步一步來就行。
![]()
不一會App就裝到手機上了,雖然我忘記做AppIcon了,不過這不重要。
![]()
里面的雛形也做好了。
![]()
做到這里,如果你希望繼續遠程繼續開發的話,你還可以,就掏出手機繼續操作。
這里就要介紹一個非常非常非常爽的功能是,在手機上操作codex。
目前只能在mac上連接,iOS/Android手機都可以。
這是前兩天剛上線的新功能,我還專門寫過一篇文章。
![]()
最后做出來也沒啥問題,非常方便。
![]()
到時間了,也會跳出彈窗來提醒我。
![]()
就很簡單,也很有意思。當然,如果你要上架AppStore的話,那就是另一碼事了,我就不在文章里面詳細說了,你可以讓Codex繼續給你操作。
最后,有一個東西,我確實還是得單獨說一下。
就是,讓Windows用戶破防的事情。
Mac用戶目前是Codex里的高貴VIP,Windows用戶只是。。。站票。
我整理了一張表,列了一下Mac支持但Windows不支持的功能。
![]()
前面用過的Computer Use、遠程手機連接就不說了。
Appshots,雙擊Command鍵就能把你當前前臺窗口的截圖和文字一起發給Codex,不用再截圖粘貼或者用嘴描述半天,它直接就能看到你屏幕上的東西。
Locked Computer Use,鎖屏后Codex還能繼續操控你的Mac。
Chronicle,屏幕上下文記憶,Codex會在后臺觀察你的屏幕,把你最近在干什么自動記下來。
Goal Mode,給Codex定一個目標,它就會自己持續跑下去,直到完成。
這些,全是Mac專屬。
Windows的朋友們,只能再等等吧。
這也是為啥,我給公司里的同時,除了財務HR法務這種特殊群體之外,幾乎全員配Mac的原因。。。
最后。
希望大家coding愉快。
以上,既然看到這里了,如果覺得不錯,隨手點個贊、在看、轉發三連吧,如果想第一時間收到推送,也可以給我個星標?~謝謝你看我的文章,我們,下次再見。
>/ 作者:卡茲克、可達
>/ 投稿或爆料,請聯系郵箱:wzglyay@virxact.com
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
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.