從0到1帶你速通Codex,我整理的終極保姆教程來了。

作者:數字生命卡茲克
日期:2026年5月27日 上午9:58
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

從安裝到實戰:全面學會用Codex開發網頁與App

整理版摘要

呢篇文係由卡茲克寫嘅Codex教學。佢喺二月出過一篇教程,但幾個月後Codex大更新,幾乎變咗另一個產品,所以決定重新整理一篇更全面嘅。佢覺得Codex係而家最勁嘅Agent產品之一,想幫讀者由零開始快速上手。

作者先介紹安裝同界面,強調要改設定(AGENTS.md、計劃模式、記憶功能)先好用。然後講Skills同插件,特別係Computer Use可以操控電腦,超方便。最後用兩個實例——一個網頁同一個用藥提醒App——示範成個流程,由計劃到自動開發再到部署或裝落手機。

整體結論係:跟住呢篇教程,就算冇開發經驗都可以用Codex整到網站同App。Mac用戶有獨家功能,Windows用戶要等嚇。建議大家善用計劃模式同批註功能,減少出錯。

  • Codex係目前最強嘅Agent產品之一,透過可視化界面同自動操作,大幅降低開發門檻。
  • 安裝後要先改設定:開啟計劃模式、加入AGENTS.md、啟用記憶功能,咁先發揮到最大效能。
  • Mac用戶有Computer Use、遠程手機控制等獨家功能,Windows用戶暫時冇,建議用Mac開發。
  • 開發App需要Xcode,但可以用Computer Use插件自動下載安裝,唔使自己搞。
  • 實戰時先用計劃模式梳理需求,開發過程用批註功能直接修改,慳返好多溝通成本。
值得記低
連結 chatgpt.com

Codex官方下載

Mac同Windows都支援,直接下載安裝。

Prompt

AGENTS.md 行為指南模板(卡帕西)

用嚟設定Codex嘅全局規則,減少常見錯誤。內容包括:先諗清楚先寫code、保持簡單、精準修改、目標驅動等。

結構示例

結構示例

結構示例 text
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同認識界面

一切嘅前提係要有魔法同ChatGPT賬號,呢度大家自己搞掂。然後去Codex官網下載安裝,MacWindows都得。我用Mac做示範,下載後登錄,Codex額度同ChatGPT會員掛鈎,我用100美刀嘅plan,輕度用20美刀都勉強得。

Codex支援由Claude CodeCowork導入所有內容,一鍵搬家,爽到爆。

入到界面,中間係對話區,左邊欄管理對話同項目。項目係主戰場,揀一個本地文件夾做工作區,Codex會自動存入檔案。每個項目可以開多條對話,記住分開任務,唔好堆埋一齊。

  • 對話:適合調研、規劃呢啲零碎任務。
  • 項目:綁定文件夾,係開發主場。
  • 左下角權限:默認要審批,自動審查會攔風險操作,完全訪問就全部自動。

對話框右下角可以切換模型同推理等級,日常用高推理就夠,硬活先開超高。

整理重點

核心設定:改好設定先用得順

建議先跟住改設定,呢步唔跳得。打開左下角設定,常規設定入面三個全部都開。跟進行為改成引導,咁樣中途想修改可以直接插入,唔使等做完。

記憶功能建議打開,佢會自動總結對話成記憶片段,以後遇到類似場景會自動調用。外觀最底有寵物區域,可以養嚟玩。

Skills同插件嘅管理都喺插件tab入面,支援可視化UI,仲有創建器,講人話就得。

整理重點

實戰演練:開發網頁同App

先開發一個Codex功能介紹網頁。開計劃模式,講低要求,Codex會問幾個問題,確認方案後自動開發。做完可以用內置瀏覽器預覽,仲有批註功能,直接喺頁面圈選元素寫修改意見,超方便。

批註功能可以改字體、字號、顏色,改完即時見效果,唔使自己描述。

然後開發一個用藥提醒App。同樣開計劃模式,講低需求:三種藥,飯前半小時或飯後食,要通知提醒。Codex自動生成,大概二十分鐘搞掂。

  • App需要Xcode編譯,可以@Computer Use幫手下載安裝,自動操作。
  • 電腦上方會顯示操控狀態,涉及密碼嘅步驟會停低等你親自搞。
  • 裝落手機要連接數據線、開開發者模式,跟指引做就得。

開發完仲可以用手機遠程控制繼續改,呢個功能目前只支援Mac

整理重點

功能差異同總結

最後要講嘅係MacWindows嘅功能差異。Mac用戶係VIP,有Computer Use、遠程手機控制、Appshots、Locked Computer Use、Chronicle等功能。Windows用戶暫時冇,只能等。

Appshots:雙擊Command鍵就可以截當前畫面連文字傳畀Codex,唔使自己截圖。

希望大家coding愉快。如果覺得有用,俾個讚、睇嚇、轉發三連啦。

最近Codex嘅熱度,真係覺得直線飆升。

社羣入面成日有人問,幾時出新嘅教程。

圖片

我其實喺二月份嗰陣,寫過一篇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倍速度2倍token消耗量,都幾燒token,不過講真話,標準同快速嘅速度都冇差好遠,喺你token唔係可以無限燒嘅情況下,我都係推薦大家用標準。

圖片

右下角仲有一個細嘅咪高峯,就係Codex自帶嘅語音輸入,不過使用體驗都幾差,錄完之後要等幾秒先可以轉寫出嚟,唔係特別推薦大家用,相比之下,你直接用豆包嘅語音輸入法更加正。

圖片

當然,用嚇用嚇,你可能會好奇自己仲剩返幾多額度。

圖片

撳左下角嘅設置,揾到剩餘額度,就可以睇到你5小時內仲剩幾多、呢個星期仲剩幾多、幾時會刷新。

圖片

好似我呢個星期太忙,白花花嘅額度都冇時間用,真係佛咗。


三. 修改設置

我知道你睇到呢度已經急到扎扎跳,恨不得即刻整返個嘢出嚟。

但我都係建議大家,先跟住我,改一改設置,有啲嘢稍微整嚇,呢一步,唔!可!以!Skip!

打開左下角嘅設置。

圖片

常規設定入面呢三個,都打開。

圖片

向下滑,跟進行為改成引導,咁樣你發現中途你想修改嘅時候就可以直接插入,而唔係一定要等嗰個任務做完先可以進行新一輪對話。

圖片

如果喺頭先開頭嗰一步唔記得咗導入Claude Code嘅內容,都唔緊要,喺呢度都可以補返導入。

圖片

接下來,設置AGENTS.md。

呢個係由上往下分層穿透嘅約束體系,即係你俾codex設置嘅家規。

第一層全局生效嘅AGENTS.md。

喺個性化設定嘅自定義指令入面修改。

佢係你為codex提供嘅全局通用規則。

呢個set好之後,唔理你之後開幾多個新對話,佢都會記得。

圖片

呢度就唔俾大家推薦我自己嘅喇,我嘅太自定義,我都俾大家推薦一個我覺得唔錯嘅來自大神卡帕西嘅模板,可以直接複製貼上使用。

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用嘅技能。

我相信大家對呢樣嘢已經好了解喇,但如果你真係仲未知道嘅話,可以睇我之前寫嗰篇《一文帶你睇明,爆紅全網嘅Skills到底係乜東東。》

插件就係將一組技能、工具、配置打包埋一齊嘅安裝包,你可以理解為比技能更勁更成熟嘅嘢。

Codex嘅好處係,都整咗可視化UI界面。

圖片

你可以直接㩒右上角嘅管理,進入管理界面,批量管理你嘅插件同skills。

圖片

同時都自帶咗Skill創建器同插件創建器,你想整啲乜,都可以直接右上角㩒創建。

圖片

然後用白話同佢講你想要做乜嘢嘅技能同插件就得。

圖片

如果要下載除咗官方之外嘅skill或者插件,直接將連結掟俾佢就得。

圖片

其他嘅都同其他Agent,冇乜大分別。


五. 開發一個網頁

而家,你終於可以大展身手喇。

先帶大家,直接開發一個細網頁,行一次流程。

當你建立好一個項目文件夾之後。

圖片

㩒一下左邊嘅加號,打開計劃模式嘅開關。

圖片

計劃模式就係得規劃唔鬱手,先幫你將方案理清楚,你確認咗先開始做。

每個稍微複雜少少嘅項目,我都推薦你先用呢個模式過一次。

打開之後對話框左邊會出現一個細公仔,說明你而家喺計劃模式下。

圖片

接下來,我哋同佢講,幫我做一個Codex功能介紹嘅網頁,要靚,要有設計感,將所有功能按層級分類展示出嚟。

圖片

佢會先問你幾個問題。

圖片

你直接㩒選回答就得,回答完之後,佢會俾你一份比較完整嘅方案計劃。

圖片

當你確認冇問題之後,就可以開始實施。

中間嘅開發過程我就唔截圖喇,反正全自動嘅。

呢啲細網頁,基本上係一次過,做完之後,佢就會俾你提示,你可以直接用Codex嘅內置瀏覽器打開睇嚇效果。

圖片

打開之後會見到一個預覽頁面,中間有一條線可以左右拉動嚟對比。

圖片

右上角有幾個掣。

圖片

第一個係截圖,㩒一下就可以截取當前頁面,效果如下面咁樣。

圖片

第二個係批註,呢個係我用得最多嘅功能之一,真係好正。

㩒開批註之後,你可以直接喺頁面上圈選任何元素,寫上你嘅修改意見。

例如我想叫佢改成官方logo,直接喺頁面上揀中佢,手動輸入文字說明就得,唔使再截圖或者用把口描述一大堆。

圖片

而且最近先上嘅一個新功能係,好似字體、字型大小、顏色呢啲參數,揀中之後可以直接調整,改完即時就可以見到效果。

圖片

註釋完,㩒右上角發送。

圖片

修改後嘅效果就係咁。

圖片

當然,而家做出嚟嘅網頁係行喺你本地,得你自己先睇到。

如果你想send俾人睇,就需要將佢部署到伺服器上面。

我哋公司內部人員部署網站,用嘅係一個我專門俾公司同事整嘅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手機都得。

呢個係前兩日啱啱上線嘅新功能,我仲專登寫過一篇文章。《Codex更新遠程控制,你終於都可以喺手機上隨時隨地Vibe Coding喇。》

圖片

最後整出嚟都冇乜問題,非常方便。

圖片

到時間,都會彈出彈窗嚟提醒我。

圖片

就好簡單,亦都好有意思。

當然,如果你要上架AppStore嘅話,就係另一回事,我唔喺文章入面詳細講,你可以叫Codex繼續幫你操作。


寫喺最後

最後,有一樣嘢,我確實都要單獨講嚇。

就係,令Windows用戶崩潰嘅事。

Mac用戶目前係Codex入面嘅高貴VIP,Windows用戶只係。。。企位。

我整理咗一張表,列咗Mac支援但Windows唔支援嘅功能。

圖片

頭先用過嘅Computer Use、遠程手機連接就唔講喇。

Appshots,雙擊Command鍵就可以將你當前前台視窗嘅截圖同文字一齊發俾Codex,唔使再截圖貼上或者用把口描述半日,佢直接就可以睇到你屏幕上面嘅嘢。
Locked Computer Use,鎖屏之後Codex仲可以繼續操控你嘅Mac。
Chronicle,屏幕上下文記憶,Codex會喺後台觀察你嘅屏幕,將你最近喺度做乜自動記低。
非常可惜。

呢啲,全部係Mac專屬。

Windows嘅朋友們,唯有再等嚇啦。

呢個亦都係點解,我俾公司嘅同事,除咗財務HR法務呢啲特殊羣體之外,幾乎全員配Mac嘅原因。。。

最後。

希望大家coding愉快。

以上,既然睇到呢度,如果覺得唔錯,順手㩒個讚、睇嚇、轉發三連啦,如果想第一時間收到推送,都可以俾我個星標⭐~唔該你睇我嘅文章,我哋,下次再見。

>/ 作者:卡茲克、可達

>/ 投稿或爆料,請聯絡電郵:wzglyay@virxact.com

最近Codex的熱度,真的感覺直線飆升。

社羣裏一直有人問,什麼時候出新的教程。

圖片

我其實在二月份的時候,寫過一篇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倍的速度2倍的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用的技能。

我相信大家對這個東西已經非常瞭解了,但是如果你確實還不知道的話,可以去看我之前寫的那篇《一文帶你看懂,火爆全網的Skills到底是個啥。》

插件就是把一組技能、工具、配置打包起來的安裝包,你可以理解為比技能更牛逼更成熟的東西。

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手機都可以。

這是前兩天剛上線的新功能,我還專門寫過一篇文章。《Codex更新遠程控制,你也終於可以在手機上隨時隨地Vibe Coding了。》

圖片

最後做出來也沒啥問題,非常方便。

圖片

到時間了,也會跳出彈窗來提醒我。

圖片

就很簡單,也很有意思。

當然,如果你要上架AppStore的話,那就是另一碼事了,我就不在文章裏面詳細說了,你可以讓Codex繼續給你操作。


寫在最後

最後,有一個東西,我確實還是得單獨說一下。

就是,讓Windows用戶破防的事情。

Mac用戶目前是Codex裏的高貴VIP,Windows用戶只是。。。站票。

我整理了一張表,列了一下Mac支持但Windows不支持的功能。

圖片

前面用過的Computer Use、遠程手機連接就不說了。

Appshots,雙擊Command鍵就能把你當前前台窗口的截圖和文字一起發給Codex,不用再截圖粘貼或者用嘴描述半天,它直接就能看到你屏幕上的東西。
Locked Computer Use,鎖屏後Codex還能繼續操控你的Mac。
Chronicle,屏幕上下文記憶,Codex會在後台觀察你的屏幕,把你最近在幹什麼自動記下來。
非常可惜。

這些,全是Mac專屬。

Windows的朋友們,只能再等等吧。

這也是為啥,我給公司裏的同時,除了財務HR法務這種特殊羣體之外,幾乎全員配Mac的原因。。。

最後。

希望大家coding愉快。

以上,既然看到這裏了,如果覺得不錯,隨手點個贊、在看、轉發三連吧,如果想第一時間收到推送,也可以給我個星標⭐~謝謝你看我的文章,我們,下次再見。

>/ 作者:卡茲克、可達

>/ 投稿或爆料,請聯繫郵箱:wzglyay@virxact.com