Claude Code 和 claude.ai 的 Artifacts 功能有什麼根本差別？我什麼時候該用哪個？
Artifacts（claude.ai 介面）：在沙盒環境裡執行，不能存取你本地的文件，不能安裝套件，不能執行你的真實代碼。適合：快速的代碼原型、展示邏輯、小型工具的即時預覽。
Claude Code（命令列）：在你的真實開發環境裡執行，能讀取你的整個代碼庫，能安裝套件，能跑測試，能直接修改你的文件。適合：真實的開發任務——debug、重構、寫測試、分析整個項目。
選擇指南：
一個實際的例子：「幫我寫一個排序函數」→ Artifacts 就夠了。「幫我找出為什麼我的排序在有重複值時行為異常，並修復它」→ Claude Code（因為它需要讀取你的代碼、可能需要跑你的測試）。
Claude Code 在執行任務時，怎麼確保它不會做出你不想要的改動？
Claude Code 有幾個內建的安全機制，加上你自己能做的一些保護：
內建機制：對所有有副作用的操作（創建/修改/刪除文件、執行終端指令、安裝套件），Claude Code 預設會先顯示它打算做什麼，等你確認後才執行。這讓你能在每個有影響的步驟前進行審核。
你能做的保護：
最重要的是在 Git 控制下工作。每次讓 Claude Code 做一批改動前，確保 git status 是乾淨的；Claude Code 做完後，用 git diff 仔細看所有改動，確認後再 git commit；如果不滿意，git checkout . 一秒還原。
用 /permissions 指令檢查和調整 Claude Code 的操作權限，可以限制它能執行哪些類型的操作。
對複雜任務，先用「告訴我你打算做什麼，不要執行」的模式讓它輸出計畫，確認計畫合理後再讓它執行。
一個實際的工作習慣：每做完一個有意義的子任務（如「寫好測試」），就做一次 git commit，message 清楚描述這批改動。這樣你有一個清晰的進度記錄，任何步驟出了問題都能精確還原。
Claude Code 用 API Key 的費用怎麼控制？有沒有估算方式？
Claude Code 的費用按 Token 計費，主要費用來源是：讀取你的代碼文件（輸入 Token）+ Claude 的回應和生成的代碼（輸出 Token）。
粗略估算：
費用控制方法：
指定文件範圍——不要讓 Claude Code 讀取整個代碼庫，告訴它「只看 src/auth/ 目錄下的文件」，減少不必要的輸入 Token。
定期用 /clear 清空上下文——長對話的費用比短對話累積得快。做完一個任務就 /clear，開始新任務。
在 console.anthropic.com 設定月費上限，避免意外高額帳單。
使用量監控：在 Claude Code 對話結束後，輸入 /cost 可以看到這次對話的費用統計，幫助你建立費用感知。
Claude Pro 用戶的建議：如果你有 Claude Pro，優先用 claude.ai 帳號登入 Claude Code（費用包含在訂閱裡），只有在 Pro 的使用量限制用完時才切換到 API Key。
Claude Code 有哪些進階功能，值得在熟悉基礎後探索？
Subagents（子代理）：在 Claude Code 裡，你可以讓主 Claude Code 實例 spawn 多個子 Claude Code 實例，並行處理不同的子任務。例如「同時分析這個代碼庫的三個模組，各自找出潛在的性能問題」——三個子代理並行運行，比串行快很多。
MCP 整合：通過 MCP（Model Context Protocol），Claude Code 能連接 GitHub（直接讀取和操作 PR、Issue）、Jira（查詢和更新工單）、資料庫（直接查詢你的開發資料庫）等工具。設定好後，你能說「幫我找出 GitHub 上所有 open 的 bug 相關 Issue，按優先級排序，然後從最高優先級的開始修復」——Claude Code 自主執行整個流程。
Headless 模式：claude --print "你的任務描述" 讓 Claude Code 在非互動模式下執行，輸出結果後退出。適合整合到 CI/CD 流程或自動化腳本裡（如「每次 PR 前自動用 Claude Code 做一次代碼審查」）。
計畫模式（Plan Mode）：在執行任何操作之前，先讓 Claude Code 輸出完整的執行計畫，你審閱後決定是否執行，或者修改計畫後再執行。對高風險操作特別有用。
這些進階功能，建議在你對基本的任務執行和 Git 工作流熟悉之後再探索，避免一次引入太多新概念。
Claude Code 是一個命令列 AI 代理，能在你的終端機裡直接讀取、修改、執行你的代碼。和 claude.ai 的聊天介面不同，Claude Code 能直接操作你本地的檔案——讀取整個代碼庫、找出 bug 的根本原因、寫測試、重構代碼——不需要你複製貼上。
這篇文章的目標：讓你在讀完後，能在 20 分鐘內裝好 Claude Code，並完成一個你真實代碼庫裡的任務。
系統要求：Node.js 18 或以上版本（`node --version` 確認）；macOS、Linux 或 Windows（WSL2 推薦）；一個 Anthropic API Key（console.anthropic.com 取得）或 Claude Pro/Max 訂閱。
費用說明：Claude Code 的費用視你使用的方式而定。如果你有 Claude Pro（$20/月），Claude Code 包含在訂閱裡（有使用量限制）；如果你用 API Key，按 Token 計費。日常的代碼任務，每次對話大約花 $0.10-$0.50，視任務複雜度而定。
開啟你的終端機，執行：
npm install -g @anthropic-ai/claude-code
安裝完成後，執行 claude 啟動。第一次啟動會要求你選擇登入方式：用 Claude.ai 帳號（如果你有 Pro/Max）或輸入 API Key。選擇你的方式完成驗證。
驗證安裝成功：在任何一個目錄下執行 claude，看到互動式提示符（`>`）就代表安裝成功。
不要從「完整的新功能開發」開始——從一個你的代碼庫裡真實存在的、中等難度的任務開始。幾個好的第一個任務：
找出和修復一個已知的 bug：「我知道這個函數在邊緣情況下會出錯，但不知道為什麼。」
為現有代碼寫測試：「這個模組完全沒有測試，幫我寫一套基本的單元測試。」
重構一段複雜的函數：「這個函數太長太複雜了，幫我拆解它。」
以「寫測試」為例，完整的操作流程：
進入你的項目目錄：cd /path/to/your/project
啟動 Claude Code：claude
描述任務：「幫我為 `src/utils/formatter.js` 裡的所有函數寫單元測試，用 Jest 框架，測試文件放在 `tests/utils/` 目錄。」
Claude Code 會先讀取 `formatter.js` 的內容，分析每個函數的邏輯，然後開始寫測試。你能看到它的每一步操作（讀了哪個文件、準備寫什麼）。遇到它需要做非讀取性操作（創建文件、執行指令）時，它會先徵求你的確認。
Claude Code 最強大的地方之一，是它能理解整個代碼庫的結構，而不只是你貼給它的那段代碼。啟動後，它會自動讀取當前目錄下的 `CLAUDE.md`（如果存在的話）作為整個代碼庫的背景說明。
強烈建議你做的第一件事：在你的項目根目錄建立一個 `CLAUDE.md` 文件，寫入代碼庫的關鍵資訊：
技術棧（語言、框架、主要依賴）；項目結構說明（哪個目錄放什麼）；代碼風格規範；常用的指令（如何執行測試、如何 build）；任何 Claude Code 需要知道的特殊設定。
有了這個文件，每次啟動 Claude Code，它都能立刻理解你的代碼庫情境，不需要你每次都重新說明。
描述結果，不是步驟。不要說「先讀這個文件，再分析那個，然後修改這個」——說「這個功能的行為應該是 X，現在是 Y，幫我找到原因並修復」。Claude Code 會自己決定最好的執行路徑。
善用 `/clear` 清除上下文。對話歷史越長，Claude 需要追蹤的東西越多，效果可能下降。做完一個任務後，用 `/clear` 清空上下文再開始下一個任務。
在 Git 追蹤下工作。讓你的代碼庫在 Git 管控下，這樣你可以用 `git diff` 清楚看到 Claude Code 做了什麼改動，不滿意時 `git checkout` 還原。這比「記得之前的代碼長什麼樣」可靠多了。
用 `/compact` 壓縮長對話。在同一個對話裡做了很多操作後，`/compact` 把對話歷史壓縮成摘要，保留最重要的資訊，讓後續操作更流暢。
遇到複雜任務先規劃再執行。說「先告訴我你打算怎麼做這件事，不要直接開始」，讓 Claude Code 輸出執行計畫，你確認後再讓它執行。對高風險或複雜的任務，這一步能省去很多麻煩。
特別適合：分析整個代碼庫找問題（它能看到你的整個代碼庫，不像 claude.ai 只能看你貼的那段）；跨多個文件的重構；生成符合你現有代碼風格的測試和文件；Debug 複雜的問題（提供錯誤訊息和日誌，讓它分析根本原因）。
不太適合：需要 UI 預覽的前端任務（它在終端機裡，看不到渲染結果）；需要存取外部 API 或資料庫的任務（除非你配合 MCP）；純粹的設計或創意決策（它能給建議，但最終還是你來判斷）。
Claude Code 最大的價值不是「寫代碼更快」，而是「讓那些你一直拖延的任務終於做掉了」。寫測試、寫文件、清理技術債——這些你知道重要但一直沒時間做的事。Claude Code 讓它們的啟動阻力大幅降低：你說一句話，它開始做，你在旁邊監督和審閱。
第一次用的時候，不要期待「一個指令解決所有問題」。Claude Code 是一個需要引導的代理——你給它方向，它幫你執行，你審閱它的輸出，它根據你的反饋調整。這個協作模式熟悉之後，效率提升非常顯著。