DAZAI CHEN
EN

What's Claude Code?與 ChatGPT、Gemini 的 AI 編程工具比較

深入了解 Claude Code 的技術特點、運作原理,以及它與 ChatGPT、GitHub Copilot、Gemini 等 AI 編程工具的差異。

Claude Code AI ChatGPT Gemini GitHub Copilot 開發工具 學習

Claude Code 是什麼

Claude Code 是 Anthropic 推出的命令列介面(CLI)工具,讓開發者能在終端機中直接與 Claude AI 互動。

與網頁版 Claude 不同,Claude Code 具備:

  • 檔案系統存取 — 讀取、建立、修改專案中的任何檔案
  • 指令執行能力 — 直接在終端機執行 shell 命令
  • 專案上下文理解 — 自動分析整個程式碼庫的結構與關聯
  • 版本控制整合 — 原生支援 Git 操作

💡 新手? 如果你對終端機和程式開發還不熟悉,建議先閱讀 你阿嬤都會的 Claude Code 安裝指南什麼是終端機?


核心架構

使用者輸入 → Claude API → 工具呼叫(讀檔/寫檔/執行指令) → 結果回傳 → 下一輪對話

Claude Code 採用 agentic loop 模式運作:

  1. 接收使用者的自然語言請求
  2. Claude 分析請求並決定需要使用哪些工具
  3. 執行工具(讀取檔案、搜尋程式碼、執行指令等)
  4. 根據工具回傳結果,決定下一步行動
  5. 重複步驟 2-4 直到任務完成

這種架構讓 Claude Code 能處理複雜的多步驟任務,而不只是單次問答。


AI 編程工具比較

Claude Code vs ChatGPT

面向Claude CodeChatGPT(網頁版)
介面終端機 CLI網頁瀏覽器
檔案存取✅ 直接讀寫本機檔案❌ 需手動複製貼上
指令執行✅ 可執行 shell 命令❌ 無法執行
上下文整個專案目錄單一對話視窗
程式碼修改直接修改檔案只能顯示建議
適合場景實際開發工作學習、問答、小片段

結論:ChatGPT 適合學習和快速問答;Claude Code 適合實際的開發工作流程。

Claude Code vs GitHub Copilot

面向Claude CodeGitHub Copilot
整合方式獨立 CLI 工具IDE 外掛
主要功能對話式任務執行即時程式碼補全
上下文範圍整個專案當前檔案及相關檔案
任務類型複雜多步驟任務單行/單函數補全
互動模式主動對話被動建議
重構能力強(可跨檔案)弱(單檔案為主)

結論:兩者定位不同,可以互補使用。Copilot 處理日常打字,Claude Code 處理複雜任務。

Claude Code vs Gemini Code Assist

面向Claude CodeGemini Code Assist
提供者AnthropicGoogle
整合方式CLIIDE 外掛(VS Code、JetBrains)
本機執行❌ 雲端為主
檔案修改直接修改透過 IDE
企業功能API 為主Google Cloud 整合
開源專案支援廣泛偏向 Google 生態系

結論:Gemini Code Assist 與 Google Cloud 整合較深;Claude Code 更獨立、更靈活。

Claude Code vs Cursor

面向Claude CodeCursor
類型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

認證方式

  1. OAuth 登入(預設)— 首次執行會開啟瀏覽器登入
  2. API Key — 設定環境變數 ANTHROPIC_API_KEY

主要指令

指令功能
claude啟動互動模式
claude -p "prompt"單次執行
claude config設定管理
claude mcpMCP 伺服器管理

進階功能

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,或是用 Claude Code 開始打造自己的網站?填寫這份表單,我會跟你聯繫!

dazai.studio

Dazai Chen

dazai.studio@gmail.com