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

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

整理版優先睇

速讀 5 個重點 高亮

作者卡茲克重新整理Codex終極教程,從安裝到實戰開發網頁同App,強調前期設置同Mac專屬功能。

整理版摘要

呢篇文章係由作者卡茲克同可達撰寫,佢哋喺二月份已經出過一篇Codex教程,但嗰陣熱度低而且功能同而家差好遠,所以決定重新整理。作者嘅背景係AI工具深度用家,經常分享Agent產品心得。佢想解決嘅問題係:點樣由零開始全面掌握Codex,唔單止係基本操作,仲要包括實戰開發。

文章嘅整體結論係Codex係目前最強大嘅Agent產品之一,但Windows用戶會有部分功能受限。作者透過兩個實例——一個功能介紹網頁同一個用藥提醒App——帶讀者行完整個流程,由計劃模式到自動開發,再到部署同手機安裝。佢特別強調前期分類同AGENTS.md設定嘅重要性,認為呢步唔可以跳過。

另外,作者詳細介紹咗插件系統、Computer Use同遠程手機控制等進階功能,最後列出Mac專屬功能嘅清單,提醒Windows用戶要留意。成篇文章以實戰為主,適合想即學即用嘅讀者。

  • 前期分類同AGENTS.md設定係用好Codex嘅關鍵,唔可以跳過。
  • Codex支援由Claude Code一鍵導入所有配置,方便轉會。
  • 計劃模式適合複雜項目,可以先確認方案再執行,避免浪費時間。
  • Computer Use插件可以自動化安裝Xcode等開發工具,減少手動操作。
  • Mac用戶享有Computer Use、遠程手機連接等獨佔功能,Windows用戶要等更新。
值得記低
Prompt

AGENTS.md 模板 (Karpathy風格)

減少常見LLM編碼錯誤嘅行為指南,分為四個準則:先思考再編碼、簡單優先、精準修改、目標導向執行。適用於設定Codex嘅全局規則。

整理重點

安裝同界面認識

首先梗係要有魔法同ChatGPT賬號,然後去OpenAI Codex官網下載安裝。MacWindows都有,作者用Mac示範。登錄之後可以選擇從Claude Code或Cowork導入所有內容,呢個功能真係好方便,一站式搬家。

Claude Code一鍵導入所有內容

入到界面,中間係對話區,左邊欄管理對話同項目。項目係主戰場,要揀一個本地文件夾做工作區間。作者建議同一個方向嘅任務放同一個項目,每件具體事開新對話,避免上下文污染。

同一個方向嘅任務放同一個項目,每件具體事開新對話

  1. 1 對話適合零碎任務,唔需要綁定特定文件夾。
  2. 2 項目係真正主戰場,所有生成檔案自動存入選定文件夾。
  3. 3 對話框左下角有三檔權限:默認、自動審查、完全訪問。作者揀完全訪問,因為唔係開發出身,彈出嚟嘅嘢睇唔明。
  4. 4 右下角可以切換模型同推理等級,日常用高推理就夠,硬活用超高。速度方面,標準已經夠快,唔建議用快速燒token。

完全訪問權限

標準速度就夠,快速燒token

整理重點

關鍵設定:AGENTS.md 同自定義

作者強烈建議先改設定,呢步唔可以跳過。打開左下角設定,常規設置裏面三個選項都打開,跟進行為改成引導,咁樣中途可以插入修改。如果開頭漏咗導入Claude Code,呢度可以補返。

跟進行為改成引導

AGENTS.md 模板 (Karpathy風格) markdown
**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.

## 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.

## 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]

另外,記憶功能建議開啟,佢會自動總結對話成記憶片段,以後相關場景會自動調用。外觀設定最底有寵物區域,可以養Codex形象或其他寵物。

記憶功能自動總結對話成記憶片段

整理重點

Skills、插件同實戰開發

Codex嘅插件同Skills都喺同一個tab管理。Skills係畀Agent用嘅技能,插件係一組技能、工具、配置嘅安裝包。Codex有可視化UI,可以批量管理,仲有Skill同插件創建器,直接講低想做乜就得。

Skill同插件創建器,直接講低想做乜就得

實戰方面,作者用兩個例子示範。第一個係開發一個Codex功能介紹網頁。先開計劃模式,同Codex傾好方案再實施。開發完可以用內置瀏覽器預覽,仲有批註功能,可以直接喺頁面上圈選元素改嘢,唔使截圖或者用嘴描述。

批註功能可以直接喺頁面上圈選元素改嘢

  • 計劃模式:先理清方案,確認後先開始做,適合複雜項目。
  • 批註:選中元素,輸入修改意見,仲可以直接調字體字號顏色。
  • 部署:作者公司用自製Skill,輸入/即可調用。

第二個例子係開發一個用藥提醒App。作者用自身真實需求:體檢完要食幾種藥,成日搞亂。同樣開計劃模式,然後Codex自動開發,大約二十分鐘搞掂。但App需要Xcode先可以裝到手機,作者冇安裝,就用Computer Use插件幫手搜尋下載安裝,仲可以自動操作後面嘅編譯步驟。

Computer Use 插件

最終App成功裝到手機,仲有彈窗提醒。作者仲介紹咗遠程手機控制功能,可以喺手機上繼續開發,不過暫時只支援Mac

遠程手機控制功能

整理重點

Mac專屬功能同總結

作者特別提到Windows用戶會崩潰嘅地方:Mac有用戶係高貴VIP,有好多獨佔功能。包括Computer Use、遠程手機連接、Appshots(雙擊Command截圖發送)、Locked Computer Use(鎖屏繼續操控)、Chronicle(屏幕上下文記憶)。Windows用戶暫時只能等更新。

Appshots:雙擊Command截圖發送

Locked Computer Use:鎖屏後仲可以繼續操控

最後作者希望大家coding愉快,仲提醒讀者如果覺得唔錯可以點讚、在看、轉發。佢嘅投稿或爆料可以聯絡指定郵箱。

總括嚟講,呢篇文章由安裝到進階開發都覆蓋曬,最值得記住嘅係設定AGENTS.md同善用計劃模式同Computer Use插件。Mac用戶真係好幸福,Windows用戶唯有等嚇啦。

設定AGENTS.md同善用計劃模式同Computer Use插件

最近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或者插件,直接將條link掟畀佢就得。

圖片

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


五. 開發一個網頁

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

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

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

圖片

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

圖片

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

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

打開之後對話框左邊會出現一個細細嘅圖示,話畀你知你而家喺計劃模式下。

圖片

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

圖片

佢會先問你幾個問題。

圖片

你直接撳揀答覆就得,答完之後,佢會畀你一份比較完整嘅方案計劃。

圖片

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

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

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

圖片

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

圖片

右上角有幾個掣。

圖片

第一個係截圖,撳一下就可以截取當前頁面,效果好似下面咁。

圖片

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

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

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

圖片

而且最近啱啱上咗個新功能,好似字體、字號、顏色呢啲參數,揀中之後可以直接調,改完即時就睇到效果。

圖片

註釋完,撳右上角發送。

圖片

修改之後嘅效果就係咁樣嘅。

圖片

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

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

我哋公司內部人員部署網站,用嘅係一個我專登為公司同事搓嘅Skill,安裝好之後直接叫Codex call就得,好方便。

圖片

輸入/,就可以call 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鍵就可以將你當前前台視窗嘅截圖同文字一齊send畀Codex,唔使再截圖貼上或者用把口描述半日,佢直接就可以睇到你屏幕上嘅嘢。
Locked Computer Use,鎖屏之後Codex仲可以繼續操控你嘅Mac。
Chronicle,屏幕上下文記憶,Codex會喺後台觀察你嘅屏幕,將你最近做緊乜自動記低。
好可惜。

呢啲,全部都係Mac專屬。

Windows嘅朋友,只能再等等喇。

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

最後。

希望大家coding愉快。

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

> / 作者:卡茲克、可達

> / 投稿或爆料,請聯絡郵箱: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