Codex Vibe Coding 開發手冊

的圖書

Codex Vibe Coding開發手冊

作者：施威銘研究室　
出版社：旗標科技股份有限公司
出版日期：2026-07-17

圖書選購

價格	供應商	所屬目錄
$ 671	誠品網路書店	程式語言
$ 722	金石堂 KingStone	Python
$ 807	TAAZE 讀冊生活	中文書
$ 808	iRead灰熊愛讀書	程式語言

圖書名稱：Codex Vibe Coding 開發手冊

隨著 Vibe Coding 技術越趨成熟，相關產品也進入戰國時代，Codex 是其中最特殊的存在，同時提供 Codex App 與 Codex CLI 兩種使用介面：Codex App 恪守 Vibe Coding 的本質，沒有長成像是 Cursor 那樣的程式碼編輯器，而 Codex CLI 則可以像是 Claude Code 那樣在終端機中輕盈的運作，本書涵蓋雙重介面，具有以下特色：

\\ Windows/macOS 跨平台開發 //

從做中學是最能烙印學習成果的方法，本書會帶著大家在開發 Codex 剩餘用量面板以及簡易截圖兩個跨平台工具的過程中，搭配功能的增長，在真實開發情境中邊做邊學 Codex 基本使用方法以及各式命令。同時因為兩者都是跨平台的專案，所以也會帶著大家在 Windows 與 macOS 操作 Codex，瞭解在不同平台上的操作方式與差異。

\\ 實戰演練範例 //

做出結果絕對是學習者最大的期望，如果可以實作自己需要的工具更有成就感。由於 Codex App 本身沒有持續在使用介面上顯示剩餘用量的功能，本書就帶領大家實作可置頂顯示的剩餘用量面板小工具，在使用 Codex 的過程中，隨時都可以知道用量資訊，不再為 token 焦慮。此外，我們也會帶大家實作可快速截圖自動複製到剪貼簿的小工具，讓你在 Windows 與 macOS 上都可以用一樣的快捷鍵與操作方式截圖，你還可以跟 Codex 合作延伸設計想要的各式功能。

\\ 化身流程自動化工具 //

Codex 雖然是源自程式開發設計的工具，不過用途並不限於程式開發，由於能夠處理本機檔案，也能夠透過外掛操控 Chrome 瀏覽器，甚至可以 Computer Use 操控本機電腦，因此書中也會展示整合 Gmail、YouTube 等雲端服務，加上可定時重複執行的 Automation 機制與可制訂操作步驟的 Skills，建構自動化流程，解決日常繁瑣事務。

\\ 用內建瀏覽器測試除錯 //

Codex App 內建瀏覽器，不需要另外開啟瀏覽器就可以測試網頁應用程式，而且 Codex 還能自主操控內建的瀏覽器，只要下達正確的測試要求或步驟，就可以讓 Codex 自動測試除錯。更棒的是，內建瀏覽器還提供互動的編輯功能，你可以直接調整頁面樣式，就可以讓 Codex 幫你修改網頁，不用來回描述修改內容。對於有需要登入帳號的測試，還可以透過 Chrome 外掛連接本機上的 Chrome，用真實登入的身分操控網頁。

\\ Git 與 Worktree 工作樹整合 //

Codex 內建 Git 功能，因此實作範例均把 Git 納入工作流程，展示利用 Codex Git 功能，根據實作成果與差異，自動生成以往我們懶得寫、常常寫不周全的提交訊息。此外，Codex 也具備 Git 的 Worktree 工作樹功能，範例開發過程中也會展示搭配 Worktree 工作樹開發新功能，合併成果的方法。由於 Codex 很會執行常見的 CLI 工具，本書也會示範搭配 GitHub CLI 自動建立 GitHub 儲存庫、推送到遠端儲存庫的方法。

\\ 手機遠端遙控 //

相信開發者都有這種經驗，突然有個想法想要實現，但是卻不在電腦旁邊，無法立即實現測試想法，有的時候回到家後卻又忘記了剛剛想到的點子。不用擔心，Codex 具備遠端遙控功能，手機就是你的遙控器，只要有想法，隨時都可以透過手機遙控家裡的 Codex 繼續工作，不論是在搭車、還是在餐廳享受美食，都可以立即把腦中的想法付諸實行。

\\ 用 Subagents 專業分工 //

對於有明確分工或者是大量工作的任務，Codex 提供有 Subagent 可讓你針對專業分工，把專精的工作交給個別的 Subagent 執行，避免單一 Agent 處理多種任務時，因為上下文太大導致混淆，或者忘記中間細節，導致雖然完成任務，但卻不盡理想的問題。Codex 還可以讓你像是 Skill 那樣客製 Subagent 重複使用，之後不需要重複描述 Subagent 特質與工作方式，就可以重複使用。
本書特色:
GUI/CLI 雙管齊發的 AI 開發工具

□ Codex App+Codex CLI 雙重環境實戰演練
□ Windows/macOS 跨平台應用開發
□ 用 Codex 內建瀏覽器為網頁應用自動測試除錯
□ 讓 Chrome 外掛與 Computer Use 操控電腦完成瑣碎雜事
□ 多 subagent 專業分工合作提升效率
□ 透過 Automation+Skills 設計自動化智慧流程
□ 遠端遙控不在辦公室也能辦公事
□ 以 Cloud Task 在雲端透過 GitHub 協作
□ 從 Codex 剩餘用量顯示與螢幕截圖小工具實戰演練

第 1 章 Codex 簡介、安裝與基本用法
1-1 Codex 簡介
1-2 安裝 Codex
安裝 Codex App
註冊/登入帳號啟用 Codex App
1-3 小試身手--讓 Codex App 幫我們安裝各式工具
安裝軟體套件管理工具
沙盒的邊界
安裝 uv 管理 Python 環境
安裝 nvm 管理 Node.js 環境
使用 AGENTS.md 建立規範
1-4 用量限制與付費使用 Codex
查看剩餘用量
付費升級
付費用戶的用量限制

第 2 章使用 Codex 開發專案--設計剩餘用量顯示面板
2-1 Codex 開發基本技巧
建立專案
設定讓 AI 代替我們核准權限
對齊技術
使用 /init 建立 AGENTS.md ...

顯示全部內容

回上面

贊助商廣告