雖然 Claude Code 以終端為主要介面，但它也提供了豐富的 IDE 整合選項。 特別是 VS Code 擴充套件，為偏好圖形介面的開發者提供了完整的體驗。
VS Code 擴充套件安裝
安裝方式有兩種：
- 在 VS Code 的擴充套件市場搜尋「Claude Code」並安裝
- 或者在終端執行
claude install-vscode-extension
安裝後，你會在側邊欄看到 Claude Code 的面板圖標。
核心功能
- 圖形化聊天面板：在 VS Code 內直接與 Claude 對話，無需切換到終端。 支援完整的 Claude Code 功能
- Inline Diff 檢視：Claude 的代碼修改會以行內差異的方式顯示， 你可以逐個接受或拒絕每個變更
- Checkpoint 還原：每次 Claude 的修改都會建立一個檢查點， 你可以隨時還原到任意一個之前的狀態
@ 提及功能
在聊天面板中，你可以使用 @ 來引用各種上下文：
- @file：引用特定檔案，例如
@src/App.tsx - @folder：引用整個目錄
- @terminal:name：引用終端的輸出內容，非常適合分享錯誤日誌
這些 @ 提及會被自動轉換為上下文，幫助 Claude 更精準地理解你的問題。
JetBrains 外掛
Claude Code 也支援 JetBrains 全系列 IDE：
- IntelliJ IDEA
- PyCharm
- WebStorm
- GoLand
在 JetBrains 的外掛市場搜尋「Claude Code」即可安裝。功能與 VS Code 擴充套件類似， 提供聊天面板和代碼整合。
終端 vs IDE：如何選擇？
兩種介面各有優勢：
- 選擇終端：當你需要最大的靈活性、複雜的命令行操作、 或在遠端伺服器上工作時
- 選擇 IDE：當你想要視覺化的差異檢視、方便的檔案導航、 或需要頻繁在代碼和對話之間切換時
很多有經驗的使用者會同時使用兩者：在 IDE 中處理日常開發， 需要複雜操作時切換到終端。
平行對話
在 VS Code 中，你可以同時開啟多個 Claude Code 面板，進行平行的對話。 這對於同時處理不同功能或比較不同方案非常有用。每個面板都有獨立的上下文和會話。
實用技巧
- 善用
@terminal:name分享錯誤信息，比複製貼上更方便 - 使用 Checkpoint 功能大膽嘗試——隨時可以復原
- 在 IDE 中配合 Claude 的 inline diff 進行逐行代碼審查