What's Claude Code?與 ChatGPT、Gemini 的 AI 編程工具比較
深入了解 Claude Code 的技術特點、運作原理,以及它與 ChatGPT、GitHub Copilot、Gemini 等 AI 編程工具的差異。
Claude Code 是什麼
Claude Code 是 Anthropic 推出的命令列介面(CLI)工具,讓開發者能在終端機中直接與 Claude AI 互動。
與網頁版 Claude 不同,Claude Code 具備:
- 檔案系統存取 — 讀取、建立、修改專案中的任何檔案
- 指令執行能力 — 直接在終端機執行 shell 命令
- 專案上下文理解 — 自動分析整個程式碼庫的結構與關聯
- 版本控制整合 — 原生支援 Git 操作
💡 新手? 如果你對終端機和程式開發還不熟悉,建議先閱讀 你阿嬤都會的 Claude Code 安裝指南 和 什麼是終端機?
核心架構
使用者輸入 → Claude API → 工具呼叫(讀檔/寫檔/執行指令) → 結果回傳 → 下一輪對話
Claude Code 採用 agentic loop 模式運作:
- 接收使用者的自然語言請求
- Claude 分析請求並決定需要使用哪些工具
- 執行工具(讀取檔案、搜尋程式碼、執行指令等)
- 根據工具回傳結果,決定下一步行動
- 重複步驟 2-4 直到任務完成
這種架構讓 Claude Code 能處理複雜的多步驟任務,而不只是單次問答。
AI 編程工具比較
Claude Code vs ChatGPT
| 面向 | Claude Code | ChatGPT(網頁版) |
|---|---|---|
| 介面 | 終端機 CLI | 網頁瀏覽器 |
| 檔案存取 | ✅ 直接讀寫本機檔案 | ❌ 需手動複製貼上 |
| 指令執行 | ✅ 可執行 shell 命令 | ❌ 無法執行 |
| 上下文 | 整個專案目錄 | 單一對話視窗 |
| 程式碼修改 | 直接修改檔案 | 只能顯示建議 |
| 適合場景 | 實際開發工作 | 學習、問答、小片段 |
結論:ChatGPT 適合學習和快速問答;Claude Code 適合實際的開發工作流程。
Claude Code vs GitHub Copilot
| 面向 | Claude Code | GitHub Copilot |
|---|---|---|
| 整合方式 | 獨立 CLI 工具 | IDE 外掛 |
| 主要功能 | 對話式任務執行 | 即時程式碼補全 |
| 上下文範圍 | 整個專案 | 當前檔案及相關檔案 |
| 任務類型 | 複雜多步驟任務 | 單行/單函數補全 |
| 互動模式 | 主動對話 | 被動建議 |
| 重構能力 | 強(可跨檔案) | 弱(單檔案為主) |
結論:兩者定位不同,可以互補使用。Copilot 處理日常打字,Claude Code 處理複雜任務。
Claude Code vs Gemini Code Assist
| 面向 | Claude Code | Gemini Code Assist |
|---|---|---|
| 提供者 | Anthropic | |
| 整合方式 | CLI | IDE 外掛(VS Code、JetBrains) |
| 本機執行 | ✅ | ❌ 雲端為主 |
| 檔案修改 | 直接修改 | 透過 IDE |
| 企業功能 | API 為主 | Google Cloud 整合 |
| 開源專案支援 | 廣泛 | 偏向 Google 生態系 |
結論:Gemini Code Assist 與 Google Cloud 整合較深;Claude Code 更獨立、更靈活。
Claude Code vs Cursor
| 面向 | Claude Code | Cursor |
|---|---|---|
| 類型 | CLI 工具 | 完整 IDE |
| 基底 | 獨立運作 | VS Code fork |
| AI 模型 | Claude | 多模型(含 Claude) |
| 學習曲線 | 需熟悉終端機 | 類似 VS Code |
| 自訂性 | 高(MCP 擴展) | 中 |
| 價格 | 按 API 用量 | 訂閱制 |
結論:Cursor 適合想要一站式解決方案的人;Claude Code 適合喜歡終端機工作流程的開發者。
適用場景
Claude Code 擅長的任務
- 程式碼重構 — 跨多個檔案的大規模修改
- Bug 修復 — 分析錯誤訊息,定位問題,直接修復
- 程式碼理解 — 快速理解陌生的程式碼庫
- 自動化任務 — 批次處理重複性工作
- Git 操作 — 提交、分支管理、PR 建立
不太適合的場景
- 需要即時補全的日常打字(用 Copilot 更順)
- 沒有本機開發環境的情況
- 對終端機完全陌生(建議先學基礎)
技術規格
系統需求
- Node.js 18.0 或以上
- 作業系統 macOS、Linux、Windows(WSL 建議)
- 網路 需要連線至 Anthropic API
安裝
npm install -g @anthropic-ai/claude-code
認證方式
- OAuth 登入(預設)— 首次執行會開啟瀏覽器登入
- API Key — 設定環境變數
ANTHROPIC_API_KEY
主要指令
| 指令 | 功能 |
|---|---|
claude | 啟動互動模式 |
claude -p "prompt" | 單次執行 |
claude config | 設定管理 |
claude mcp | MCP 伺服器管理 |
進階功能
CLAUDE.md 專案設定
在專案根目錄建立 CLAUDE.md,提供專案特定的上下文:
# 專案概述
這是一個使用 Next.js 14 和 TypeScript 的電商網站。
# 架構
- /src/app — App Router 頁面
- /src/components — React 元件
- /src/lib — 工具函數與 API 客戶端
# 開發規範
- 使用 pnpm 作為套件管理器
- 遵循 ESLint 和 Prettier 設定
- 測試使用 Vitest
# 常用指令
- pnpm dev — 開發伺服器
- pnpm test — 執行測試
- pnpm build — 生產建置
MCP(Model Context Protocol)
MCP 讓你可以擴展 Claude Code 的能力,連接檔案系統、資料庫、GitHub 等外部工具:
# 新增 MCP 伺服器
claude mcp add filesystem -s user -- npx -y @modelcontextprotocol/server-filesystem ~/Documents
# 列出已安裝的 MCP
claude mcp list
常見 MCP 應用:
- 檔案系統讀寫
- 資料庫查詢(PostgreSQL、SQLite)
- GitHub 操作
- 網頁搜尋
Hooks 自動化
設定在特定事件觸發時自動執行的動作:
{
"hooks": {
"afterWrite": ["eslint --fix", "prettier --write"]
}
}
費用計算
Claude Code 使用 Anthropic API,按 token 計費:
- 輸入 token — 你的提示 + 檔案內容 + 上下文
- 輸出 token — Claude 的回應 + 程式碼
使用 /cost 指令可即時查看當前工作階段的花費。
省錢技巧:
- 使用
/compact壓縮對話上下文 - 明確指定要讀取的檔案,避免掃描整個專案
- 複雜任務分解成小步驟
延伸閱讀
- 你阿嬤都會的 Claude Code 安裝指南 - 給完全新手的超簡單教學
- 什麼是終端機? - 終端機基礎概念介紹
- 什麼是 GitHub? - 程式碼版本控制
資料來源
- Claude Code 文件 - Anthropic 官方文件
- Anthropic API - API 定價與詳情
- Model Context Protocol - MCP 規格文件
聯絡我
想了解怎麼使用 Claude Code,或是用 Claude Code 開始打造自己的網站?填寫這份表單,我會跟你聯繫!