也許是全網最基礎的Codex 教程,寫給小白的入坑指南(內附Agent.md模板)

作者:墨玩AI
日期:2026年5月4日 下午11:00
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Codex基礎教程:從零開始Vibe Coding,圖形界面開箱即用

整理版摘要

呢篇文章係由一個長期用Codex嘅用家寫嘅,佢發現市面上冇乜俾小白嘅詳細Codex教程,所以花咗一星期去整理。作者自己都唔識寫code,全靠AI幫佢整咗好多產品,包括一個公眾號排版工具。佢嘅目標係幫同樣唔習慣Claude Code呢類命令行工具嘅朋友,快速上手AI編程。文章分咗五個部分,由咩係Codex講到安裝、操作、實戰同心態,係一份完整嘅入門指南。

整體結論係Codex係目前最適合Vibe Coding嘅工具之一,桌面版完全圖形化,開箱即用,能力遠超普通對話AI。作者強調,用Codex唔需要識寫code,只需要知道想做咩,中間嘅技術細節全部交俾AI。文章中詳細介紹咗工作區模式(對話vs項目)、權限設定(推薦自動審查)、同埋Agent.md自定義指令嘅重要性。佢仲用一個3D星空穿越嘅實戰項目展示咗Plan模式嘅用法,全程用口噴需求,一行code都唔使寫。

最後,作者提醒讀者要用「玩」嘅心態去對待AI編程,創造力先係最珍貴嘅嘢。佢仲準備咗一份Agent.md模板,不過需要回覆關鍵字先拎到。成篇文章嘅信息密度好高,無論係新手上手定係想了解Codex進階功能嘅人都值得睇。

  • Codex係最啱新手嘅Vibe Coding工具,桌面端圖形化,能力遠超普通對話AI。
  • 用項目模式+自動審查權限+Plan模式,可以穩陣高效完成項目。
  • Codex桌面端同CLI嘅分別:小白優先選桌面端;對話模式做簡單任務,項目模式做完整產品。
  • Vibe Coding核心係創造力,唔需要識寫code,用口噴需求就得,技術細節交俾AI。
  • 可行動:下載Codex,設定Agent.md自定義指令,用Plan模式開翻個簡單項目試下。
值得記低
連結 chatgpt.com

Codex官網下載

下載桌面端同CLI版本,需要GPT Plus賬號登錄

整理重點

咩係Codex?桌面端 vs CLI

Codex 係一款 AI 編程工具,分為桌面端同命令行版本(CLI)。對於小白嚟講,建議用桌面端,因為純圖形界面,有中文,開箱即用。Codex 跑嘅係 GPT 5.5,仲可以調用 GPT Image 2 生圖。

Codex 桌面端純圖形界面,開箱即用

  • 睇你嘅項目文件,瞭解代碼庫
  • 自動跑命令同改代碼
  • 自己做測試,唔使你操心
  • 改表格、處理發票數據、寫文檔
  • 喺本地電腦直接交付

Codex 能力比豆包、ChatGPT 強非常多

CLI 適合習慣命令行程式員,小白應該用桌面端

整理重點

下載安裝同基礎操作

直接去官網 chatgpt.com/codex 下載就得,MacWindows 都支援,不過 Windows 版暫時唔支援 Computer Use。下載完用 GPT Plus 賬號登錄。

一開波就進入項目模式,而唔係對話模式,先可以完整做產品

  1. 1 對話模式:處理簡單臨時工作,例如整理 Excel 表格。
  2. 2 項目模式:對應一個文件夾,所有代碼喺入面,適合做完整產品。

權限有三種:默認權限(每步請求批准,好麻煩)、自動審查(推薦)、完全訪問(極高風險)。另外,個性化設定入面嘅自定義指令好重要,相當於 AI 嘅根本大法,對應嘅檔案叫 Agent.md

Agent.mdCodex 嘅根本大法,所有工作都要跟佢做

設置入面仲有 MCP、Skill、插件嘅區分:MCP 係外部工具能力,Skill 係一套 SOP,插件係工具包。記住呢個分別:MCP = 工具,Skill = 流程,插件 = 套裝。

MCP 比 Skill 更底層MCP 提供能力,Skill 規範點樣用

打開記憶功能,可以令 Codex 記住之前犯過嘅錯誤

整理重點

實戰演練:3D星空穿越

揀呢個項目係因為一個 HTML 文件就搞掂,唔使額外裝嘢,視覺衝擊強,正反饋拉滿,仲涉及 3D 投影、粒子系統、鼠標交互。

輸入嘅提示詞 plain text
幫我做一個 3D 星空穿越效果,用純 HTML + Canvas 實現。星星從遠處飛來加速掠過屏幕,有拖尾效果,鼠標控制方向,滾輪控制速度,星星顏色隨速度變化,背景有星雲霧氣,要流暢跑 500+ 星星 60 fps。
  1. 1 AI 出計劃,你審查業務邏輯,啱就點「實施計劃」。
  2. 2 AI 開始創建文件寫代碼,你可以喺右側睇進度。
  3. 3 如果中途發現漏需求,喺對話框直接指出,AI 會即時調整(引導模式)。
  4. 4 完成後喺內置瀏覽器睇效果,圈選位置改 UI,繼續口噴需求。

Plan模式:先規劃後執行,穩如老狗

全程口噴需求,一行代碼唔使寫,呢啲就係 Vibe Coding

引導模式可以喺任務進行中插入調整,唔使等佢做完先改

整理重點

去玩,唔好去學

作者自己都唔識代碼,但靠 AI 做出咗好多產品。佢重申 Vibe Coding 嘅核心係創造力,而唔係技術。

唔好「學」AI 編程,要「玩」AI 編程

你已經擁有最稀缺嘅創造力,盡情去玩吧

圖片
🚀 5 個部分 + 總結
👉 向下滑睇

Part 01

Codex 係乜嘢

桌面版 vs CLI · 能力界限

Part 02

下載安裝

官網下載 · 登入就用得

Part 03

基本操作

工作區 · 權限 · 設定

Part 04

實戰練習

3D星空 · Plan模式

Part 05

去玩唔好學

Vibe Coding心態

最後

資源獲取

回覆領模板

而家 Coding Agent 領域,最好嘅產品就係Codex 同 Claude Code,但 Claude Code 對大多數人嚟講,使用門檻有啲高,而且呢間衰公司經常封號。

所以對於想入手 AI 編程嘅朋友,我推薦嘅 Vibe Coding 工具係 Codex。由舊年 11 月開始,我就一直高強度使用 Codex,上手簡單,純圖形界面,界面仲有中文,開箱即用。雖然佢都有命令列版本,但用落唔係咁友好。Codex 行 GPT 5.5,仲可以叫 GPT Image 2 畫圖。

我揾咗網上好多教學,都冇非常詳細同全面咁講解點樣由0開始用 Codex。所以我花咗一個星期,同大家寫一份由零開始 Codex 編程嘅教學。對象係啲想上手 AI 編程,但又唔習慣用 Claude Code 呢類工具嘅朋友,當然前提係要有一個 GPT Plus,需要自己搞掂...

01

Codex 係乜嘢?

CODEX DESKTOP · 桌面版能力 · 本地交付

先講下 Codex 桌面版同 Codex CLI 嘅分別。Codex CLI 係命令列版本,適合程式設計師呢啲習慣命令列嘅人。

好似我哋呢類新手,最好都係用 Codex 嘅桌面版,性能係一樣嘅,除咗編程,佢都可以幫我哋處理日常工作,同 Claude 嘅 Cowork 同 TRAE Solo 嘅 MTC 模式一樣。

如果你平時用開 ChatGPT 或豆包呢類傾偈工具,咁 Codex 就好似真正幫到你做嘢嘅程式設計師——佢可以睇你嘅項目文件、執行指令、改程式碼、自己測試,仲可以幫你改表格、處理發票數據、寫文件,而且直接交付喺你本地電腦度。能力比豆包、ChatGPT 呢類對話 AI 工具強好多。

關注我比較耐嘅朋友可能知道,我前排做咗個公眾號 AI 排版工具

體驗地址:https://mocheng.mowan.work/

就係用 Codex 幫我整出嚟嘅。

02

下載安裝

DOWNLOAD · 官網獲取 · 雙平台支援

直接去官網下載安裝就得。

官網地址:chatgpt.com/codex

Mac 同 Windows 都支援,只不過而家 Windows 版仲未支援 Computer Use 功能。

下載完用 GPT Plus 帳號登入就得。

03

基本操作

WORKSPACE · 項目模式 · 權限配置

第一次進入,你會見到下面咁嘅頁面。

圖片

我知道你好心急想開始開口叫佢寫程式碼。我知道你好急,但請先唔好急,聽我講完下面呢啲基本操作,會令你用嘅體驗提升一個層次。

3.1、工作區

圖片

喺上面張圖,我標咗說明

3.1.1、項目模式同對話模式

左下角有個「進入項目工作」嘅選項,可以揀進入項目模式定對話模式。

對話模式:類似網頁版豆包或 GPT 嘅對話,處理簡單臨時嘅工作,例如整理個 Excel 表格。但如果要做完整嘅產品,就一定要開項目模式。

項目模式:項目就係資料夾。好似我之前做公眾號排版工具,所有程式碼都喺對應嘅資料夾入面,每次用 Codex 改程式碼嘅時候,就要開返對應嘅項目資料夾,如果唔係 Codex 唔知你個程式碼庫係點樣,做嘢就無從講起。

呢個就好似我哋同實習生交代工作,但唔講前因後果,全靠佢估,咁效果一定唔好。

圖片

3.1.2、權限設定

佢有三個權限:預設權限、自動審查同完全存取。

預設權限:AI 每次做操作都會請你批准。比較保守,適合想自己審核每一行程式碼嘅人。但效率影響比較大,我唔太推薦,用起嚟好麻煩,隔幾秒就要批准一次,會令人崩潰。

自動審查(推薦):每次 AI 執行操作,都會有另一個 AI 嚟審查佢嘅操作,睇嚇有冇風險。

相當於我哋請咗個AI監工,幫我哋監督 AI 做嘢,又有效率又安全,我推薦首選呢個模式。

完全存取權限:相當於放縱 AI 自己做嘢,冇人審批,冇 AI 監工,直接原地起飛。

所以千祈唔好隨便開,就算係老手都可能出問題。前排出面有個用 Cursor 寫程式碼嘅人,AI 清空咗佢嘅項目文件,搞到線上數據冇曬。

3.1.3、揀模型

右邊可以揀模型,推薦用最新嘅 GPT 5.5,性能強,速度快,講嘢風格都唔似之前咁囉嗦。推理程度可以按需要揀,我一般預設用「高」,解決到大部分問題。

仲可以揀速度,如果揀快速模式,用量會變成正常嘅 1.5 倍,追求高效率嘅可以揀。

3.1.4、左邊面板:項目、Thread 等區域

圖片

左邊面板嘅工作區分兩種:

項目:前面提過,呢度唔再詳細講。

Thread(任務對話):呢個係任務對話嘅意思,例如我想喺 Skill 演示嘅呢個項目入面,叫 AI 畫流程圖,就可以建立對應嘅任務對話。佢有啲似便條紙,最好每張淨係做一件事,如果唔係容易搞亂上下文。

注意:對話開得太多的時候,可以叫 AI 總結當前任務,然後開個新對話繼續,否則上下文太長 AI 會出現幻覺。

對話區域:同前面講嘅差唔多,處理非編程類嘅臨時任務,例如表格數據、數據分析,同網頁版 ChatGPT 差唔多。

一個簡單原則:同一個工作區淨係做一個項目;同一個 Thread 淨係處理一件事;臨時簡單嘅任務用對話模式。

3.1.5、自動化

圖片
圖片
圖片

左邊張圖係我自己設定嘅兩個自動化任務:第一個係定期掃描排版工具嘅 bug,每日幫我睇最近改嘅程式碼有冇問題;第二個係幫我評估每日嘅會話有啲乜嘢可以變成自動化。

要新增自動化,就㩒右上角嘅「新增自動化」。入去之後填描述、加提示詞(例如叫佢掃描 bug),左下角揀執行環境(一般揀本地),再揀對應嘅項目,右邊設定時間。Codex 仲內置咗好多自動化模板,例如掃描 bug、總結尋日嘅 Git 活動,㩒開模板直接用就得。

3.1.6、右邊面板:文件、項目目錄、diff 面板、瀏覽器

圖片

右邊面板有三個入口:終端(一般用唔着);文件預覽(睇項目所有文件,同電腦嘅檔案總管一樣);側邊欄(審查程式碼修改、開文件/HTML 頁面,相當於一個內置瀏覽器)。

3.2、設定

跟住我哋睇嚇 Codex 嘅設定點樣配。

3.2.1、一般設定

圖片

一般設定可以揀工作模式、權限等,用預設就得,有需要先改。

3.2.2、配置頁面

圖片

配置頁面可以設定用戶嘅請求策略,例如幾時 Codex 請求批准,一般用預設就比較穩陣。

3.2.3、個人化

圖片

呢個頁面好重要。首先可以設定模型嘅講嘢個性,建議預設揀「親和」,咁樣回答就唔會咁多專業術語。

第二個係自訂指令,呢個好重要——佢係畀 AI 嘅根本大法,AI 做所有嘢都要跟呢個規定。喺 Claude Code 對應嘅係 Claude.md,喺 Codex 對應嘅係 Agent.md。

我同大家準備咗個參考模板,集咗好多大佬嘅配置之長,再結合我哋呢類新手嘅實際情況,可以參考嚇。

關注並回覆"Codex教學"就可以得到全文文件~

圖片

下面仲有個記憶功能,推薦大家開咗佢,可以令 Codex 記住傾偈過程中犯過嘅常見錯誤。

3.2.4、MCP 伺服器、Skill、插件

圖片

呢三個好容易搞亂,所以放埋一齊講。

MCP:設定入口喺設定入面。MCP 令 AI 有能力叫用外部工具。例如接入飛書嘅 MCP,佢就可以讀你嘅飛書文件;接入高德地圖嘅 MCP,就可以幫你做旅遊規劃、路線圖。冇接入嘅話,AI 就冇呢個能力。

圖片
圖片

Skill

Skill 嘅入口喺左邊面板嘅插件度。Codex 嘅亮點係佢有可視化界面嚟管理 Skill,可以睇到系統推薦嘅 Skill 同本地安裝嘅 Skill。

Skill 係一套做嘢嘅 SOP,MCP 係具體嘅工具。

我前排分享嘅素材整理 Skill,就係畀 AI 一套整理規範,大家可以睇嚇我之前寫嘅 Skill 教學:到底乜嘢先係 Skill 啊?寫畀新手嘅 Skill 指南

插件

插件相當於一個工具套件,可能包含多個 MCP、Skill、腳本等。例如表格插件,就配咗個 Skill 嚟快速生成符合要求嘅表格。

打個比喻,我哋買咗一部相機,會有鏡頭、燈、修圖預設呢啲配套套件,佢哋就係插件。

圖片
圖片
圖片

3.2.5、Git 設定

圖片

Git 係程式碼倉庫控制軟件,講白咗就係存檔系統。好似 Word 有歷史記錄可以隨時復原,打機有存檔一樣,呢度一般用預設設定就得。

3.2.6、瀏覽器使用

圖片
圖片

呢個插件可以令 AI 開瀏覽器、自己睇內容。

好多時我哋叫 AI 改頁面 UI,用文字講「邊個掣移上一啲」,佢可能唔知喺邊,但透過瀏覽器,我哋可以喺對應位置圈選加註解,Codex 就知道你要改邊個位置。好似右邊張圖,我要改登入掣,直接圈選位置話畀佢知點改就得。

仲有一個好重要嘅作用:AI 寫完項目之後需要做閉環測試,佢可以自己開瀏覽器去睇頁面、除錯,慳返我哋逐個截圖話畀佢知改邊度嘅時間。

3.2.7、已歸檔對話

圖片

已歸檔對話就係垃圾筒,將唔需要嘅歷史對話歸檔,令工作區域乾淨啲。

04

實戰

PRACTICE · 3D星空 · Plan模式 · 開口講需求

上面呢啲基本概念,你可能睇完覺得明,但一做就唔係好明。所以我揀咗一個簡單項目嚟練習——唔使 10 分鐘,叫 AI 幫我哋做一個 3D 星空穿越特效網頁。

4.1、點解揀呢個項目

因為一個 HTML 檔案就跑到,唔使額外裝嘢;開頁面之後視覺衝擊好強,正反饋拉滿;而且佢涉及 3D 投影、粒子系統、滑鼠互動,唔係 AI 隨便搞搞就搞得掂。

4.2、開 Plan 模式,先計劃

圖片

首先開一個工作區資料夾,例如叫 Star Warp,開咗之後 Codex 產生嘅程式碼同檔案都會喺呢個資料夾入面。

跟住開一個任務對話(即係前面講嘅 Thread),按下面張圖嘅方法開新對話

圖片
圖片

開咗對話之後,㩒左下角將計劃模式嘅掣開咗。咁樣 AI 會先幫我哋出方案,確認咗先開工,穩如泰山,我非常推薦大家咁做。

權限揀自動審查,然後我哋就可以喺對話框用文字描述需求。

我用嘅提示詞係咁嘅:

幫我做一個 3D 星空穿越效果,用純 HTML + Canvas 實現。星星由遠處飛嚟加速掠過畫面,有拖尾效果,滑鼠控制方向,滾輪控制速度,星星顏色隨速度變化,背景有星雲霧氣,要流暢跑到 500+ 星星 60 fps。

圖片

AI 會幫你出一個方案:

圖片
圖片

我哋可以睇嚇計劃有冇問題,主要睇業務邏輯係咪符合要求。符合就直接㩒「執行計劃」;唔符合嘅話仲可以改,例如我想將預設星星改成 1000 粒,就揀咗「否」叫 AI 繼續調整,AI 改完方案之後,冇問題就㩒「確認執行」。

4.3、等佢開工

AI 開始幫我哋建立檔案、寫程式碼,所有檔案都喺啱啱開嘅 Star Warp 資料夾入面。

圖片

可以見到佢第一步會幫我哋建立項目目錄,然後寫 Agent.md(喺 Codex 入面通常淨係需要創建 Agent.md 就得,我另外創建 Claude.md 係因為我自己都用 Claude 寫程式碼)。

你會發現我喺提示詞入面冇叫佢創建 Agent.md,佢就自己創建咗。

呢個係因為我哋喺自訂指令(對所有項目都生效)入面寫咗:每次開始一個新項目,就要喺項目入面創建 Agent.md,呢個係針對當前項目嘅規範,淨係喺當前項目入面生效。

圖片
圖片

寫程式碼嘅時候,右邊側邊欄可以睇進度,仲可以㩒檔案夾圖示睇項目檔案。

如果中途發現需求漏咗點算?例如我發現佢冇用 Browser Use 做測試,就直接話畀佢知,叫佢用瀏覽器插件測試。

呢度注意有兩個模式:排隊模式(佢完成當前任務先處理你嘅訊息)同引導模式(任務進行中可以插入調整,AI 會即時讀取你最新嘅指令修改方案)。可以喺設定度切換,我係預設設咗引導模式。

圖片

大約 2-3 分鐘就寫完咗。

喺右邊瀏覽器度叫 Codex 開頁面睇效果。例如我覺得左上角嘅互動太樣衰,就喺瀏覽器度㩒註解,框選要修改嘅位置叫佢改。

圖片
圖片

我哋可以去修改,例如我覺得呢個互動樣式太樣衰,就喺瀏覽器揀修改嘅位置,加註解,叫佢改

4.4、用口講改需求

圖片

改完互動仲覺得唔夠好?繼續開口講需求就得:

覺得星星太少,將數量加到 2000;仲可以轉顏色,星星全部改成 Cyberpunk 風格嘅螢光色;仲可以加個按空白鍵截圖儲存嘅功能。

圖片

AI 繼續修改:

圖片

最後效果非常型,一個 3D 星空穿越特效就做好咗。

成個過程我哋淨係用文字開口講需求,一行程式碼都冇寫過,我都睇唔明程式碼係乜,呢個就係 Vibe Coding——一行程式碼都冇寫過,但呢個嘢係我哋整出嚟嘅,就係好爽。

05

去玩,唔好去學

MINDSET · 創造力 · 玩嘅心態

呢個 Codex 教學到呢度就寫完。基本嘅操作、點樣做項目,都帶住大家捋咗一次,建議大家自己去試,好快就上手。

千祈唔好俾「編程」呢個詞嚇親,我自己都唔識程式碼,全靠 AI 幫我整咗好多產品出嚟,我哋只需要知道做啲乜就夠,中間嘅辛苦嘢交俾 AI 就得。

我哋都唔使話「學」AI 編程,而應該係「玩」,抱住學嘅心態,你會覺得呢樣嘢好難;抱住玩嘅心態,你會發現佢就係一個玩具,一啲都唔難。

喺 AI 時代,創造力先係最珍貴嘅嘢,而你已經有咗,盡情去玩啦。

同你一齊探索 AI 喺生活入面嘅有趣用法 🌱

👍

點贊

👀

在看

轉發


圖片
🚀 5 PARTS + CONCLUSION
👉 滑動查看

Part 01

Codex 是什麼

桌面端 vs CLI · 能力邊界

Part 02

下載安裝

官網下載 · 登錄即用

Part 03

基礎操作

工作區 · 權限 · 設置

Part 04

實戰演練

3D星空 · Plan模式

Part 05

去玩別學

Vibe Coding心態

Last

資源獲取

回覆領模板

現在 Coding Agent 領域,最好的產品 就是Codex 和 Claude Code,但 Claude Code 對大多數人來說,使用門檻有點高,而且這個狗公司經常封號。

所以對於想入手 AI 編程的朋友來說,我推薦的 Vibe Coding 工具是 Codex。從去年 11 月開始,我就一直在高強度使用 Codex,上手簡單,純圖形界面,界面還有中文,開箱即用。雖然它也有命令行版本了,但用起來不太友好。Codex 跑的是 GPT 5.5,還能調用 GPT Image 2 生圖。

我找了網上很多教程,都沒有非常詳細和全面地講解怎麼從0開始使用 Codex。所以我花了一週時間,給大家寫一份從零開始 Codex 編程的教程。面向的是那些想上手 AI 編程,但又不習慣用 Claude Code 這類工具的朋友,當然前提是要有一個 GPT Plus,需要自己解決下...

01

Codex 是什麼?

CODEX DESKTOP · 桌面端能力 · 本地交付

先說下Codex桌面端和 Codex CLI 的區別。Codex CLI 是命令行版本,適合程序員這種習慣命令行的人。

像我們這類小白,最好還是用 Codex 的桌面端,性能是一樣的,除了編程,它也能幫我們處理日常工作,跟 Claude的Cowork以及TRAE Solo的MTC模式是一樣的。

如果你平時用的是 ChatGPT 或豆包這類聊天工具,那 Codex 就像真正能幫你幹活的程序員——它能看你的項目文件、跑命令、改代碼、自己測試,還能幫你改表格、處理發票數據、寫文檔,而且直接交付在你的本地電腦裏。能力比豆包、ChatGPT 這類對話 AI 工具強非常多。

關注我比較久的朋友可能知道,我前段時間做了個公眾號 AI 排版工具

體驗地址:https://mocheng.mowan.work/

就是用 Codex 幫我做出來的。

02

下載安裝

DOWNLOAD · 官網獲取 · 雙端支持

直接訪問官網下載安裝就了。

官網地址:chatgpt.com/codex

Mac 和 Windows 都支持,只不過目前 Windows 版還不支持 Computer Use 功能。

下載完用 GPT Plus 賬號登錄就行了。

03

基礎操作

WORKSPACE · 項目模式 · 權限配置

首次進入,你會看到下面這樣的頁面。

圖片

我知道你迫不及待地想開始口噴需求讓它寫代碼了。我知道你很急,但請先別急,先聽我講完下面這些基本操作,會讓你的使用體驗提升一個台階。

3.1、工作區

圖片

在上面這張圖,我進行了標註說明

3.1.1、項目模式和對話模式

左下角有個「進入項目工作」的選項,可以選擇進入項目模式還是對話模式。

對話模式:類似網頁端豆包或 GPT 的對話,處理簡單臨時的工作,比如整理個 Excel 表格。但如果要做完整的產品,就必須打開項目模式。

項目模式:項目就是文件夾。像我之前做公眾號排版工具,所有代碼都在對應的文件夾裏,每次用 Codex 改代碼的時候,就要打開對應的項目文件夾,否則Codex不知道你的代碼庫長啥樣,幹活也就無從談起了。

這就好像我們給實習生交代任務,但不說前因後果,全靠它猜,那效果肯定不好。

圖片

3.1.2、權限設置

它有三個權限:默認權限、自動審查和完全訪問。

默認權限:AI 每做一次操作都會請求你批准。比較保守,適合希望自己審核每一行代碼的人。但效率影響比較大,我不太推薦,用起來很麻煩之極,隔幾秒就要批准一次,會讓人崩潰。

自動審查(推薦):每次 AI 執行操作,都會有另一個 AI 來審核它的操作,看有沒有風險。

相當於我們僱了個AI監工,幫我們監督AI幹活,既兼顧效率,又保證了安全,我推薦首選這個模式。

完全訪問權限:相當於讓AI放飛自我,沒有了人審批,也沒有AI監工,直接原地起飛。

所以千萬不要輕易開啓,即使是老手都可能出問題。前段時間海外有個用Cursor 寫代碼的哥們,AI把它項目文件清空了,導致線上數據直接沒了。

3.1.3、選擇模型

右邊可以選擇模型,推薦用最新的 GPT 5.5,性能強,速度快,說話風格也不像之前那樣囉嗦。推理程度可以根據需要選擇,我一般默認用「高」,能解決大部分問題。

還可以選擇速度,如果選快速模式,用量會變成正常的 1.5 倍,追求高效率的可以選。

3.1.4、左側面板:項目、Thread 等區域

圖片

左側面板的工作區分兩種:

項目:前面提到了,這裏不展開了。

Thread(任務對話):這個是任務對話的意思,比如我想在Skill演示的這個項目裏面,讓AI畫出流程圖,就可以創建對應的任務對話。它有點像便籤紙,最好每張只做一件事,不然容易導致上下文污染。

注意:對話開太多的時候,可以讓 AI 總結當前任務,然後新開一個對話繼續,不然上下文太長 AI 會出現幻覺。

對話區域:和前面提到的差不多,處理非編程類的臨時任務,比如表格數據、數據分析,就跟網頁端 ChatGPT 差不多。

一個簡單的原則:同一個工作區只做一個項目;同一個 Thread 只處理一件事;臨時簡單的任務用對話模式。

3.1.5、自動化

圖片
圖片
圖片

左邊那張圖是我自己配的兩個自動化任務:第一個是定期掃描排版工具的 bug,每天幫我掃最近改的代碼有沒有問題;第二個是幫我評估每天的會話有什麼可以做成自動化的。

要新建自動化,就可以點右上角的「新建自動化」。進去後填寫描述、添加提示詞(比如讓它掃描 bug),左下角選運行環境(一般選本地),再選擇對應的項目,右邊設置時間。Codex 還內置了很多自動化模板,比如掃描 bug、總結昨天的 Git 活動,點開模板直接用就行。

3.1.6、右側面板:文件、項目目錄、diff 面板、瀏覽器

圖片

右側面板有三個入口:終端(一般用不上);文件預覽(查看項目所有文件,跟電腦資源管理器一樣);側邊欄(審查代碼修改、打開文檔/HTML 頁面,相當於一個內置瀏覽器)。

3.2、設置

接下來我們看看 Codex 的設置怎麼配。

3.2.1、常規設置

圖片

常規設置可以選工作模式、權限等,用默認設置就可以,需要的時候再改。

3.2.2、配置頁面

圖片

配置頁面可以設置用戶的請求策略,比如什麼時候 Codex 請求批准,一般用默認就好,比較保險。

3.2.3、個性化

圖片

這個頁面非常重要。首先可以模型的說話個性,建議默認選「親和」,這樣回答起來不會那麼多專業術語。

第二塊是自定義指令,這個非常重要——它是給 AI 的根本大法,AI 幹所有的活都要遵循這個規定。在 Claude Code 裏對應的是 Claude.md,在 Codex 對應的就是 Agent.md。

我給大家準備了個參考模板,取眾多大佬的配置之長,又結合了我們這種小白的實際場景,可以參考參考。

關注並回復"Codex教程"即可獲得全文文檔~

圖片

下面還有個記憶功能,推薦大家打開,它可以讓 Codex 記住聊天過程中犯過的常見錯誤。

3.2.4、MCP 服務器、Skill、插件

圖片

這三個非常容易弄混,所以放在一起講。

MCP:設置入口在設置裏面。MCP 讓 AI 有調用外部工具的能力。比如接入飛書的 MCP,它就能讀取你的飛書文檔;接入高德地圖的 MCP,就能幫你做旅遊規劃、路線圖。沒接入的話,AI 就沒有這個能力。

圖片
圖片

Skill

Skill 的入口在左側面板的插件裏。Codex 的亮點是它有可視化界面來管理 Skill,可以看到系統推薦的 Skill 和本地安裝的 Skill。

Skill 一套幹活的SOP ,MCP是具體的工具。

我前段時間分享的素材整理 Skill,就是給 AI 一套整理規範,大家可以看看我之前寫的 Skill 教程:到底什麼才是Skill啊?寫給小白的Skill指南

插件

插件相當於一個工具包,可能包含多個 MCP、Skill、腳本等。比如表格插件,就配了個 Skill 來快速生成符合要求的表格。

打個比方,我們買了一台相機,會有鏡頭、燈、修圖預設這些配套的套件,他們就是插件。

圖片
圖片
圖片

3.2.5、Git 設置

圖片

Git 是代碼倉庫控制軟件,說白了就是個存檔系統。就像 Word 有歷史記錄可以隨時回退,打遊戲有存檔一樣,這裏一般用默認設置就行了。

3.2.6、瀏覽器使用

圖片
圖片

這個插件可以讓 AI 可以打開瀏覽器、自己訪問內容。

很多時候我們讓 AI 改頁面 UI,用文字描述「哪個按鈕往上一點」,它可能搞不懂在哪,但通過瀏覽器,我們可以在對應位置圈選加批註,Codex 就知道你要改哪個位置了。像右邊那張圖,我要改登錄按鈕,直接圈選位置告訴它怎麼改就行。

還有一個很重要的作用:AI 寫完項目後需要做閉環測試,它可以自己調用瀏覽器去看頁面、調試,省去我們一個個截圖告訴它改哪裏的時間。

3.2.7、已歸檔對話

圖片

已歸檔對話就是回收站,把不需要的歷史對話歸檔,讓工作區域更乾淨。

04

實戰

PRACTICE · 3D星空 · Plan模式 · 口噴需求

上面這些基礎概念,你可能看完覺得懂了,但一操作還是不太明白。所以我選了一個簡單項目來演練——花不到 10 分鐘,讓 AI 幫我們做一個 3D 星空穿越特效網頁。

4.1、為什麼選這個項目

因為一個 HTML 文件就能跑,不需要額外裝什麼東西;打開頁面後視覺衝擊感很強,正反饋拉滿;而且它涉及 3D 投影、粒子系統、鼠標交互,不是 AI 隨便搞搞就能搞定的。

4.2、開 Plan 模式,先規劃

圖片

首先建好一個工作區文件夾,比如叫 Star Warp,打開後 Codex 產生的代碼和文件都會在這個文件夾裏。

接下來開一個任務對話(也就是前面說的 Thread),按照下面這張圖的方式打開新對話

圖片
圖片

打開對話後,點左下角把計劃模式的開關打開。這樣 AI 會先幫我們出方案,確認後再幹活,穩如老狗,我極力推薦大家這麼做。

權限選自動審查,然後我們就可以在對話框用文字描述需求。

我用的提示詞是這樣的:

幫我做一個 3D 星空穿越效果,用純 HTML + Canvas 實現。星星從遠處飛來加速掠過屏幕,有拖尾效果,鼠標控制方向,滾輪控制速度,星星顏色隨速度變化,背景有星雲霧氣,要流暢跑 500+ 星星 60 fps。

圖片

AI 會幫你出一個方案:

圖片
圖片

我們可以看看計劃有沒有問題,主要看業務邏輯是否符合要求。符合就直接點「實施計劃」;不符合的話還能改,比如我想把默認星星改成 1000 個,就選了「否」讓AI繼續調整,AI 改完方案後,沒問題就點「確認執行」。

4.3、等它幹活

AI 開始幫我們創建文件、寫代碼,所有文件都在剛才建的 Star Warp 文件夾裏。

圖片

可以看到它第一步會幫我們創建項目目錄,然後寫 Agent.md(在 Codex 裏一般只需要創建 Agent.md 就行,我另外創建了 Claude.md 是因為自己也用 Claude 寫代碼)。

你會發現我在提示詞裏沒說讓它創建Agent.md,它就自己創建了。

這是因為我們在自定義指令(對所有項目都生效)裏寫了:每開始一個新項目,要在項目裏創建Agent.md,這是針對當前項目的規範,只在當前項目裏面生效。

圖片
圖片

寫代碼的時候,右側側邊欄可以看進度,還能點文件夾圖標查看項目文件。

如果中途發現需求漏了怎麼辦?比如我發現它沒用 Browser Use 做測試,就直接明確指出來,它用瀏覽器插件測試。

這裏注意有兩個模式:隊列模式(它完成當前任務後才處理你的消息)和引導模式(任務進行中可以插入調整,AI 會實時讀取你的最新指令修改方案)。可以在設置裏切換,我是默認設成了引導模式。

圖片

大概 2-3 分鐘就寫完了。

在右側瀏覽器裏讓 Codex 打開頁面看效果。比如我覺得左上角的交互太醜了,就在瀏覽器裏點批註,框選要修改的位置讓它改。

圖片
圖片

我們可以去修改,比如我覺得這個交互樣式太醜,就在瀏覽器選擇修改的位置,增加批註,讓它去改

4.4、用嘴改需求

圖片

改完交互還覺得不夠好?繼續口噴需求就行:

覺得星星太少,把數量加到 2000;還可以換個顏色,星星全部改成賽博朋克風格的霓虹色;還可以加個按空格鍵截圖保存的功能。

圖片

AI 繼續修改:

圖片

最後效果非常酷炫,一個 3D 星空穿越特效就做好了。

全程我們只是用文字口噴需求,一行代碼都沒寫,我也看不懂代碼是什麼,這就是 Vibe Coding——一行代碼都沒寫,但這個東西是我們做出來的,就非常的爽。

05

去玩,別去學

MINDSET · 創造力 · 玩的心態

這個 Codex 教程到這裏就寫完了。基本的操作、怎麼做項目,都帶着大家捋了一遍,建議大家自己去嘗試,很快就能上手。

千萬不要被「編程」這個詞嚇到,我自己也不懂代碼,全靠AI幫我做出來了很多產品,我們只需要知道幹什麼就行,中間的髒活累活丟給 AI 就好。

我們也大可不必說「學」AI 編程,而應該是「玩」,抱着學的心態,你會覺得這東西很難;抱着玩的心態,你會發現它就是一個玩具,一點都不難。

在 AI 時代,創造力才是最稀缺的東西,而你已經有了,盡情去玩吧。

和你一起探索 AI 在生活中的有趣用法 🌱

👍

點贊

👀

在看

轉發