奧微官網
Vibe Coding 從零開始 / 認識 Vibe Coding 和工具 / 第 03 課

VIBE CODING · 第 03 課

Claude Code 和 Codex 差在哪?
這門課為什麼用 Codex

兩套都是好工具。這一課把差別攤開來比,再把 Codex 裝好、送出第一句話,下一課直接開做。

  1. PHASE 01認識 Vibe Coding 和工具
  2. PHASE 02第一次做出東西
  3. PHASE 03規劃你的產品
  4. PHASE 04做出小店預約
  5. PHASE 05上線前要懂的事
  6. PHASE 06換成你的點子
  7. PHASE 07往商用產品前進

你現在在這裡:第 1 階段的最後一課。這一課結束時,Codex 已經裝好、登入,第 04 課直接開做。

Claude Code 和 Codex 差在哪?

Claude Code 是 Anthropic 做的 AI 寫程式工具,Codex 是 OpenAI 做的,兩者都有桌面 App,都能讀檔案、改程式、跑指令。Claude Code 是目前專業工程師的主流工具;Codex 放在多數人已經用慣的 ChatGPT 裡,還能直接做圖、操作電腦。這門課帶沒有程式背景的人做產品,所以用大家最熟悉的 Codex。

兩套工具並排看

資料時間:2026-09-29。兩家的功能更新很快,以官方文件為準。
比較項目Claude CodeCodex
誰做的Anthropic官方說明 ↗OpenAI官方說明 ↗
在哪裡用終端機、編輯器、桌面 App 的 Code 分頁、瀏覽器使用方式 ↗ChatGPT 桌面 App、終端機、編輯器、瀏覽器使用方式 ↗
入門月費要付費方案,Pro 月繳每月 20 美元官方價格 ↗免費方案就能開始,付費方案每月 8 美元起官方價格 ↗
預設模型Claude Opus 5.5模型說明 ↗GPT-6 系列模型說明 ↗
做圖不會產生照片或插圖官方說明 ↗內建做圖,做好的圖可以直接放進專案官方說明 ↗
操作電腦研究預覽階段,macOS、Windows官方說明 ↗macOS、Windows,依地區開放官方說明 ↗
內建瀏覽器桌面 App 有,可以預覽做好的網頁官方說明 ↗桌面 App 有,可以預覽做好的網頁官方說明 ↗

同一個任務,兩套工具做起來的樣子

下面把同一句需求「幫我做一個小店的營業時間網頁,要有店名、營業時間和電話」分別交給兩套工具。看的重點有三個:它怎麼回報做了什麼、你在哪裡看結果、需要你同意的時候長什麼樣子。

Claude Code:桌面 App 的 Code 分頁做同一個任務。
Claude Code:桌面 App 的 Code 分頁做同一個任務。
Codex:ChatGPT 桌面 App 做同一個任務。
示意圖Codex:ChatGPT 桌面 App 做同一個任務。

這門課為什麼用 Codex

兩套工具的桌面 App 都不難上手。這門課選 Codex,是因為這三點:

  1. 你多半已經用慣 ChatGPT:ChatGPT 是最多人用過的 AI,很多人本來就有帳號、習慣跟它對話。Codex 就在同一個 App 裡,不必再申請新帳號、適應新工具;入門月費也比較低,付費方案每月 8 美元起,Claude Code 從每月 20 美元起。
  2. 能直接做圖:第 10 課請 Codex 做小店的 logo 和主視覺,在同一個對話裡做好、直接放進專案。Claude 不會產生照片或插圖,要另外找做圖工具。
  3. 卡住時,它可以直接幫你操作電腦:沒有程式背景的人,常卡在系統設定、安裝軟體時跳出來的視窗。遇到不知道怎麼按的畫面,可以請 Codex 看著畫面直接處理;之後準備開發環境、打開做好的網頁檢查時也用得到。Claude Code 也有這項功能,目前還在研究預覽階段。

有程式背景,或想走得更遠

有寫程式或做系統經驗的人,推薦直接用 Claude Code,它是目前專業工程師的主流工具,終端機、編輯器、桌面 App 都能用。想自己挑模型的人,可以試第 02 課列的第三方工具,例如 Cursor、OpenCode,同一個工具可以換不同公司的模型。

以後要多人協作:Augent

做到後來,如果專案變複雜,要好幾個人、好幾個 AI Agent 一起分工,可以看看奧微軟體的 Augent。它是 Codex、Claude 多 Agent 的專案協作平台,把任務、規則、回執與交付成果放進同一套可控流程。這門課用不到它,一個人照著做就好。Augent 介紹 ↗

上課前:準備好這兩樣

電腦
第 01 課檢查過的 Mac:Apple 晶片、已更新到最新版 macOS。用 Windows 電腦的人,下載 Windows 版。
帳號
一個 ChatGPT 帳號。還沒有的話,App 的登入畫面可以直接註冊。這一課用免費方案就能做;第 10 課要請 Codex 做 logo 和主視覺,做圖要付費方案,每月 8 美元起。官方方案說明 ↗

這幾步要你自己按

下載、安裝和登入要輸入你自己的帳號密碼,只有你能做。

步驟 1下載並安裝 ChatGPT 桌面 App

  1. 打開官方說明頁 learn.chatgpt.com/docs/app,按「下載 macOS 版」。
  2. 打開下載好的檔案,照畫面把 App 拖進「應用程式」資料夾。
官方說明頁的下載按鈕,和拖進「應用程式」資料夾的畫面。
官方說明頁的下載按鈕,和拖進「應用程式」資料夾的畫面。

做完應看到:「應用程式」資料夾裡多了這個 App。

如果下載頁只寫 Apple Silicon、你的 Mac 是 Intel:請回第 01 課的「卡住時怎麼辦」。

步驟 2打開 App,用 ChatGPT 帳號登入

  1. 從「應用程式」資料夾打開 App。
  2. 照畫面登入 ChatGPT 帳號。
App 第一次打開時的登入畫面。
示意圖App 第一次打開時的登入畫面。

做完應看到:App 的主畫面,可以開始新對話。

如果 Mac 跳出「確定要打開嗎?」:這是 Mac 對網路下載的 App 的例行確認,按「打開」。

Windows:從同一個官方說明頁下載 Windows 版,安裝後一樣用 ChatGPT 帳號登入。

操作步驟:送出第一句話

步驟 1切換到 Codex

  1. 在新對話頁上方的下拉選單,選「Codex」。
新對話頁上方的下拉選單,標出 Codex。
示意圖新對話頁上方的下拉選單,標出 Codex。

做完應看到:畫面切到 Codex,看得到「New chat」。

如果找不到 Codex:確認 App 是從官方說明頁下載的最新版本;還是找不到,登出再登入一次。

步驟 2開新對話,貼上第一段提示詞

  1. 按「New chat」開新對話。這一句話用不到任何檔案,不必選資料夾。
  2. 按下面的「複製」,貼到輸入框,送出。
我完全沒有寫過程式,接下來要跟著一門課,用你做出一個小店的線上預約系統。
請用白話、五句話以內告訴我:你會怎麼幫我,還有過程中哪些事要由我負責。
貼上提示詞、送出後,Codex 回覆的畫面。
示意圖貼上提示詞、送出後,Codex 回覆的畫面。

做完應看到:Codex 用白話回覆你,說明它會怎麼幫你、哪些事要由你負責。每個人拿到的字句不一樣,意思對就好。

如果一直沒有回覆:確認網路正常,再開一個新對話送一次。

從這一課開始,要交給 Codex 的話都會放在這種深色框裡,右上角的「複製」可以整段複製。

成果檢查

  • ChatGPT 桌面 App 裝好了,也登入了。
  • 我在 Codex 送出第一句話,收到了回覆。
  • 我說得出這門課為什麼用 Codex,也知道有程式背景的人可以改用 Claude Code。

三項都打勾,第 1 階段就完成了。下一課開始動手做東西。

卡住時怎麼辦

Mac 說 App 無法打開

打開「系統設定」→「隱私權與安全性」,往下找到這個 App 的提示,按「強制打開」或「仍要打開」。

登入後看不到 Codex

先確認 App 是從官方說明頁下載的,不是其他網站的版本。再確認登入的是自己的 ChatGPT 帳號,必要時登出再登入一次。

Codex 的回覆和課文的例子不一樣

正常。AI 每次回的字句都不同,只要意思對得上就好。之後每一課的成果檢查都看結果,不看字句。

練習:把你的點子講給 Codex 聽

在同一個對話裡,把你在第 01 課寫下的點子貼進去,請 Codex 幫你拆成幾個部分:

這是我想做的產品:(貼上你在第 01 課寫下的點子)
請用白話告訴我,這個點子要做出來,大概需要哪幾個部分,例如給客人用的網頁、給店家用的後台、手機 App。先不用寫程式。

看看它拆出來的部分,和這門課示範的小店預約像不像。第 06 課會把這些整理成一份正式的產品說明。

常見問題

Claude Code 和 Codex 差在哪?

兩套都是能讀檔案、改程式、跑指令的 AI 寫程式工具,也都有桌面 App。Claude Code 由 Anthropic 開發,是目前專業工程師的主流工具,要付費方案才能用;Codex 由 OpenAI 開發,放在 ChatGPT 桌面 App 裡,免費方案就能開始,而且能直接做圖。

為什麼這門課用 Codex?

因為這三點:Codex 就在多數人已經用慣的 ChatGPT 裡,不必再申請新帳號、適應新工具;能直接做圖,小店的 logo 和主視覺可以在同一個對話裡做好;卡在不知道怎麼按的畫面時,可以請它直接操作電腦處理。

有程式背景的人該用哪一個?

推薦 Claude Code,它是目前專業工程師的主流工具。這門課的觀念一樣適用,只是操作畫面不同。

Codex 要怎麼安裝?

從官方下載頁下載 ChatGPT 桌面 App,打開後用 ChatGPT 帳號登入,在新對話頁上方的下拉選單選 Codex 就能開始。Mac 版只提供 Apple 晶片版本,另外也有 Windows 版。

來源與版本

官方資料查閱日:2026-09-29。兩家的功能、方案與模型名稱更新很快,本課每季複驗一次,以官方文件為準;操作畫面會在 Mac 實際操作時錄製,並標示使用的 App 版本。獨立教學,非 OpenAI、Anthropic 的官方課程。