
先決條件
安裝前,請確保您擁有:- VS Code 1.98.0 或更高版本
- Anthropic 帳戶(首次開啟擴充功能時您將登入)。如果您使用第三方提供者(如 Amazon Bedrock 或 Google Vertex AI),請改為參閱使用第三方提供者。
安裝擴充功能
點擊您的 IDE 的連結以直接安裝: 或在 VS Code 中,按Cmd+Shift+X(Mac)或 Ctrl+Shift+X(Windows/Linux)開啟擴充功能檢視,搜尋「Claude Code」,然後點擊安裝。
如果安裝後擴充功能未出現,請重新啟動 VS Code 或從命令面板執行「Developer: Reload Window」。
開始使用
安裝後,您可以透過 VS Code 介面開始使用 Claude Code:開啟 Claude Code 面板
在整個 VS Code 中,Spark 圖示表示 Claude Code:
開啟 Claude 的最快方式是點擊編輯器工具列(編輯器右上角)中的 Spark 圖示。當您開啟檔案時,該圖示才會出現。
開啟 Claude Code 的其他方式:

- 活動列:點擊左側邊欄中的 Spark 圖示以開啟工作階段清單。點擊任何工作階段以將其作為完整編輯器標籤開啟,或開始新的工作階段。此圖示在活動列中始終可見。
- 命令面板:
Cmd+Shift+P(Mac)或Ctrl+Shift+P(Windows/Linux),輸入「Claude Code」,然後選擇一個選項,例如「在新標籤中開啟」 - 狀態列:點擊視窗右下角的 ✱ Claude Code。即使沒有開啟檔案,這也有效。
登入
首次開啟面板時,會出現登入畫面。點擊登入並在您的瀏覽器中完成授權。如果您稍後看到未登入 · 請執行 /login,擴充功能會自動重新開啟登入畫面。如果它沒有出現,請從命令面板使用Developer: Reload Window重新載入視窗。如果您在 shell 中設定了
ANTHROPIC_API_KEY 但仍然看到登入提示,VS Code 可能沒有繼承您的 shell 環境。使用 code . 從終端機啟動 VS Code,以便它繼承您的環境變數,或改為使用您的 Claude 帳戶登入。登入後,會出現學習 Claude Code 檢查清單。透過點擊顯示給我來完成每一項,或用 X 關閉它。若要稍後重新開啟它,請在 VS Code 設定中的’擴充功能’→‘Claude Code’下取消勾選隱藏入門。使用提示框
提示框支援多項功能:- 許可模式:點擊提示框底部的模式指示器以切換模式。在正常模式下,Claude 在每個操作前要求許可。在 Plan Mode 中,Claude 描述它將做什麼,並在進行變更前等待批准。VS Code 會自動將計畫作為完整 markdown 文件開啟,您可以在其中添加內聯評論以在 Claude 開始前提供反饋。在自動接受模式下,Claude 進行編輯而不詢問。在 VS Code 設定中的
claudeCode.initialPermissionMode下設定預設值。 - 命令菜單:點擊
/或輸入/以開啟命令菜單。選項包括附加檔案、切換模型、切換擴展思考、查看計畫使用情況(/usage)以及啟動 Remote Control 工作階段(/remote-control)。‘自訂’部分提供對 MCP servers、hooks、memory、permissions 和 plugins 的存取。帶有終端機圖示的項目在整合終端機中開啟。 - 上下文指示器:提示框顯示您使用了多少 Claude 的 context window。Claude 在需要時會自動壓縮,或您可以手動執行
/compact。 - 擴展思考:讓 Claude 花更多時間推理複雜問題。透過命令菜單(
/)切換它。Claude 的推理在對話中顯示為摺疊的區塊:點擊一個區塊以讀取它,或按Ctrl+O以展開或摺疊工作階段中的每個思考區塊。有關詳細資訊,請參閱擴展思考。 - 多行輸入:按
Shift+Enter以添加新行而不傳送。這也適用於問題對話框的’其他’自由文字輸入。
參考檔案和資料夾
使用 @-提及為 Claude 提供有關特定檔案或資料夾的上下文。當您輸入@ 後跟檔案或資料夾名稱時,Claude 會讀取該內容,並可以回答有關它的問題或對其進行變更。Claude Code 支援模糊匹配,因此您可以輸入部分名稱來找到您需要的內容:
Option+K(Mac)/ Alt+K(Windows/Linux)以插入帶有檔案路徑和行號的 @-提及(例如 @app.ts#5-10)。點擊選擇指示器以切換 Claude 是否可以看到您突出顯示的文字 - 眼睛斜線圖示表示選擇對 Claude 隱藏。
您也可以在將檔案拖動到提示框時按住 Shift 以將它們添加為附件。點擊任何附件上的 X 以將其從上下文中移除。
恢復過去的對話
點擊 Claude Code 面板頂部的工作階段歷史記錄按鈕以存取您的對話歷史記錄。您可以按關鍵字搜尋或按時間瀏覽(今天、昨天、過去 7 天等)。點擊任何對話以使用完整訊息歷史記錄恢復它。新工作階段會根據您的第一條訊息接收 AI 生成的標題。將滑鼠懸停在工作階段上以顯示重新命名和移除操作:重新命名以給它一個描述性標題,或移除以將其從清單中刪除。有關恢復工作階段的更多資訊,請參閱常見工作流程。從 Claude.ai 恢復遠端工作階段
如果您使用網路上的 Claude Code,您可以直接在 VS Code 中恢復這些遠端工作階段。這需要使用 Claude.ai Subscription 登入,而不是 Anthropic Console。只有使用 GitHub 儲存庫啟動的網路工作階段才會出現在遠端標籤中。恢復會在本機載入對話歷史記錄;變更不會同步回 claude.ai。
自訂您的工作流程
一旦您啟動並執行,您可以重新定位 Claude 面板、執行多個工作階段或切換到終端機模式。選擇 Claude 的位置
您可以拖動 Claude 面板以在 VS Code 中的任何位置重新定位它。抓住面板的標籤或標題列並拖動到:- 次要邊欄:視窗的右側。在您編碼時保持 Claude 可見。
- 主要邊欄:左側邊欄,帶有資源管理器、搜尋等圖示。
- 編輯器區域:將 Claude 作為標籤與您的檔案一起開啟。適用於側面任務。
執行多個對話
使用命令面板中的在新標籤中開啟或在新視窗中開啟以開始其他對話。每個對話維護自己的歷史記錄和上下文,允許您並行處理不同的任務。 使用標籤時,spark 圖示上的小彩色點表示狀態:藍色表示許可請求待處理,橙色表示 Claude 在標籤隱藏時完成。切換到終端機模式
預設情況下,擴充功能開啟圖形聊天面板。如果您偏好 CLI 風格的介面,請開啟使用終端機設定並勾選該框。 您也可以開啟 VS Code 設定(Mac 上的Cmd+, 或 Windows/Linux 上的 Ctrl+,),前往「擴充功能」→「Claude Code」,然後勾選使用終端機。
管理 plugins
VS Code 擴充功能包含用於安裝和管理 plugins 的圖形介面。在提示框中輸入/plugins 以開啟管理 plugins 介面。
安裝 plugins
plugin 對話框顯示兩個標籤:Plugins 和 Marketplaces。 在 Plugins 標籤中:- 已安裝的 plugins 出現在頂部,帶有切換開關以啟用或停用它們
- 來自您配置的市場的可用 plugins 出現在下方
- 搜尋以按名稱或描述篩選 plugins
- 點擊任何可用 plugin 上的安裝
- 為您安裝:在您的所有專案中可用(使用者範圍)
- 為此專案安裝:與專案協作者共享(專案範圍)
- 在本機安裝:僅適用於您,僅在此儲存庫中(本機範圍)
管理市場
切換到 Marketplaces 標籤以添加或移除 plugin 來源:- 輸入 GitHub 儲存庫、URL 或本機路徑以添加新市場
- 點擊重新整理圖示以更新市場的 plugin 清單
- 點擊垃圾桶圖示以移除市場
VS Code 中的 plugin 管理在幕後使用相同的 CLI 命令。您在擴充功能中配置的 plugins 和市場也可在 CLI 中使用,反之亦然。
使用 Chrome 自動化瀏覽器任務
將 Claude 連接到您的 Chrome 瀏覽器以測試網路應用程式、使用主控台日誌進行除錯,以及在不離開 VS Code 的情況下自動化瀏覽器工作流程。這需要 Claude in Chrome extension 版本 1.0.36 或更高版本。 在提示框中輸入@browser 後跟您想要 Claude 做的事情:
VS Code 命令和快捷鍵
開啟命令面板(Mac 上的Cmd+Shift+P 或 Windows/Linux 上的 Ctrl+Shift+P)並輸入「Claude Code」以查看 Claude Code 擴充功能的所有可用 VS Code 命令。
某些快捷鍵取決於哪個面板「獲得焦點」(接收鍵盤輸入)。當您的游標在程式碼檔案中時,編輯器獲得焦點。當您的游標在 Claude 的提示框中時,Claude 獲得焦點。使用 Cmd+Esc / Ctrl+Esc 在它們之間切換。
這些是用於控制擴充功能的 VS Code 命令。並非所有內建 Claude Code 命令都在擴充功能中可用。有關詳細資訊,請參閱 VS Code 擴充功能與 Claude Code CLI。
| 命令 | 快捷鍵 | 描述 |
|---|---|---|
| Focus Input | Cmd+Esc(Mac)/ Ctrl+Esc(Windows/Linux) | 在編輯器和 Claude 之間切換焦點 |
| Open in Side Bar | - | 在左側邊欄中開啟 Claude |
| Open in Terminal | - | 在終端機模式中開啟 Claude |
| Open in New Tab | Cmd+Shift+Esc(Mac)/ Ctrl+Shift+Esc(Windows/Linux) | 將新對話作為編輯器標籤開啟 |
| Open in New Window | - | 在單獨的視窗中開啟新對話 |
| New Conversation | Cmd+N(Mac)/ Ctrl+N(Windows/Linux) | 開始新對話。需要 Claude 獲得焦點且 enableNewConversationShortcut 設定為 true |
| Insert @-Mention Reference | Option+K(Mac)/ Alt+K(Windows/Linux) | 插入對目前檔案和選擇的參考(需要編輯器獲得焦點) |
| Show Logs | - | 檢視擴充功能除錯日誌 |
| Logout | - | 登出您的 Anthropic 帳戶 |
從其他工具啟動 VS Code 標籤
擴充功能在vscode://anthropic.claude-code/open 註冊 URI 處理程式。使用它從您自己的工具開啟新的 Claude Code 標籤:shell 別名、瀏覽器書籤,或任何可以開啟 URL 的指令碼。如果 VS Code 尚未執行,開啟 URL 會先啟動它。如果 VS Code 已在執行,URL 會在目前獲得焦點的視窗中開啟。
使用您的作業系統的 URL 開啟程式叫用處理程式。在 macOS 上:
xdg-open 或在 Windows 上使用 start。
處理程式接受兩個選擇性查詢參數:
| 參數 | 描述 |
|---|---|
prompt | 要在提示框中預先填入的文字。必須進行 URL 編碼。提示會預先填入但不會自動提交。 |
session | 要恢復的工作階段 ID,而不是開始新對話。工作階段必須屬於目前在 VS Code 中開啟的工作區。如果找不到工作階段,會改為開始新的對話。如果工作階段已在標籤中開啟,該標籤會獲得焦點。若要以程式設計方式擷取工作階段 ID,請參閱繼續對話。 |
配置設定
擴充功能有兩種類型的設定:- VS Code 中的擴充功能設定:控制擴充功能在 VS Code 中的行為。使用
Cmd+,(Mac)或Ctrl+,(Windows/Linux)開啟,然後前往「擴充功能」→「Claude Code」。您也可以輸入/並選擇一般配置以開啟設定。 ~/.claude/settings.json中的 Claude Code 設定:在擴充功能和 CLI 之間共享。用於允許的命令、環境變數、hooks 和 MCP servers。有關詳細資訊,請參閱設定。
擴充功能設定
| 設定 | 預設值 | 描述 |
|---|---|---|
useTerminal | false | 以終端機模式而不是圖形面板啟動 Claude |
initialPermissionMode | default | 控制新對話的批准提示:default、plan、acceptEdits 或 bypassPermissions。請參閱許可模式。 |
preferredLocation | panel | Claude 開啟的位置:sidebar(右側)或 panel(新標籤) |
autosave | true | Claude 讀取或寫入檔案前自動儲存檔案 |
useCtrlEnterToSend | false | 使用 Ctrl/Cmd+Enter 而不是 Enter 來傳送提示 |
enableNewConversationShortcut | false | 啟用 Cmd/Ctrl+N 以開始新對話 |
hideOnboarding | false | 隱藏入門檢查清單(畢業帽圖示) |
respectGitIgnore | true | 從檔案搜尋中排除 .gitignore 模式 |
usePythonEnvironment | true | 執行 Claude 時啟動工作區的 Python 環境。需要 Python 擴充功能。 |
environmentVariables | [] | 為 Claude 程序設定環境變數。改為使用 Claude Code 設定以進行共享配置。 |
disableLoginPrompt | false | 跳過身份驗證提示(用於第三方提供者設定) |
allowDangerouslySkipPermissions | false | 將 Auto mode 和 Bypass permissions 添加到模式選擇器。Auto mode 有計畫、管理員、模型和提供者要求,因此即使此切換打開,該選項也可能保持不可用。僅在沒有網際網路存取的沙箱中使用 Bypass permissions。 |
claudeProcessWrapper | - | 用於啟動 Claude 程序的可執行檔路徑 |
VS Code 擴充功能與 Claude Code CLI
Claude Code 既可作為 VS Code 擴充功能(圖形面板)也可作為 CLI(終端機中的命令列介面)使用。某些功能僅在 CLI 中可用。如果您需要 CLI 專用功能,請在 VS Code 的整合終端機中執行claude。
| 功能 | CLI | VS Code 擴充功能 |
|---|---|---|
| 命令和 skills | 全部 | 子集(輸入 / 以查看可用的) |
| MCP server 配置 | 是 | 部分(透過 CLI 添加伺服器;使用聊天面板中的 /mcp 管理現有伺服器) |
| Checkpoints | 是 | 是 |
! bash 快捷方式 | 是 | 否 |
| Tab 完成 | 是 | 否 |
使用 checkpoints 進行倒帶
VS Code 擴充功能支援 checkpoints,它們追蹤 Claude 的檔案編輯並讓您倒帶到先前的狀態。將滑鼠懸停在任何訊息上以顯示倒帶按鈕,然後從三個選項中選擇:- 從此處分支對話:從此訊息開始新的對話分支,同時保持所有程式碼變更完整
- 將程式碼倒帶到此處:將檔案變更還原回對話中的此點,同時保持完整的對話歷史記錄
- 分支對話並倒帶程式碼:開始新的對話分支並將檔案變更還原到此點
在 VS Code 中執行 CLI
若要在 VS Code 中使用 CLI,請開啟整合終端機(Windows/Linux 上的Ctrl+` 或 Mac 上的 Cmd+`)並執行 claude。CLI 會自動與您的 IDE 整合,以獲得差異檢視和診斷共享等功能。
如果使用外部終端機,請在 Claude Code 中執行 /ide 以將其連接到 VS Code。
在擴充功能和 CLI 之間切換
擴充功能和 CLI 共享相同的對話歷史記錄。若要在 CLI 中繼續擴充功能對話,請在終端機中執行claude --resume。這會開啟一個互動式選擇器,您可以在其中搜尋並選擇您的對話。
在提示中包含終端機輸出
使用@terminal:name 在您的提示中參考終端機輸出,其中 name 是終端機的標題。這讓 Claude 可以看到命令輸出、錯誤訊息或日誌,而無需複製貼上。
監控背景程序
當 Claude 執行長時間執行的命令時,擴充功能在狀態列中顯示進度。但是,與 CLI 相比,背景任務的可見性受限。為了獲得更好的可見性,讓 Claude 輸出命令,以便您可以在 VS Code 的整合終端機中執行它。使用 MCP 連接到外部工具
MCP(Model Context Protocol)servers 讓 Claude 存取外部工具、資料庫和 API。 若要添加 MCP server,請開啟整合終端機(Ctrl+` 或 Cmd+`)並執行:
/mcp。MCP 管理對話框讓您啟用或停用伺服器、重新連接到伺服器以及管理 OAuth 身份驗證。有關可用伺服器,請參閱 MCP 文件。
使用 git
Claude Code 與 git 整合以幫助直接在 VS Code 中進行版本控制工作流程。要求 Claude 提交變更、建立拉取請求或跨分支工作。建立提交和拉取請求
Claude 可以暫存變更、編寫提交訊息並根據您的工作建立拉取請求:使用 git worktrees 進行並行任務
使用--worktree(-w)標誌以在具有自己的檔案和分支的隔離 worktree 中啟動 Claude:
使用第三方提供者
預設情況下,Claude Code 直接連接到 Anthropic 的 API。如果您的組織使用 Amazon Bedrock、Google Vertex AI 或 Microsoft Foundry 來存取 Claude,請配置擴充功能以改為使用您的提供者:停用登入提示
開啟停用登入提示設定並勾選該框。您也可以開啟 VS Code 設定(Mac 上的
Cmd+, 或 Windows/Linux 上的 Ctrl+,),搜尋’Claude Code login’,然後勾選停用登入提示。配置您的提供者
遵循您的提供者的設定指南:這些指南涵蓋在
~/.claude/settings.json 中配置您的提供者,這確保您的設定在 VS Code 擴充功能和 CLI 之間共享。安全和隱私
您的程式碼保持私密。Claude Code 處理您的程式碼以提供協助,但不使用它來訓練模型。有關資料處理和如何選擇退出日誌記錄的詳細資訊,請參閱資料和隱私。 啟用自動編輯許可後,Claude Code 可以修改 VS Code 配置檔案(如settings.json 或 tasks.json),VS Code 可能會自動執行。為了在處理不受信任的程式碼時降低風險:
- 為不受信任的工作區啟用 VS Code 受限模式
- 使用手動批准模式而不是自動接受進行編輯
- 在接受變更前仔細審查它們
內建 IDE MCP server
當擴充功能處於活動狀態時,它會執行一個本機 MCP server,CLI 會自動連接到該伺服器。這是 CLI 在 VS Code 的原生差異檢視器中開啟差異、讀取您目前的選擇以進行@-提及,以及 — 當您在 Jupyter notebook 中工作時 — 要求 VS Code 執行儲存格的方式。
伺服器名為 ide,從 /mcp 隱藏,因為沒有什麼可配置的。但是,如果您的組織使用 PreToolUse hook 來允許列出 MCP 工具,您需要知道它存在。
傳輸和身份驗證。 伺服器綁定到 127.0.0.1 上的隨機高埠,無法從其他機器訪問。每次擴充功能啟動都會生成一個新的隨機身份驗證令牌,CLI 必須提供該令牌才能連接。令牌會寫入 ~/.claude/ide/ 下的鎖定檔案,權限為 0600,在 0700 目錄中,因此只有執行 VS Code 的使用者可以讀取它。
向模型公開的工具。 伺服器託管十幾個工具,但只有兩個對模型可見。其餘的是 CLI 用於自己的 UI 的內部 RPC — 開啟差異、讀取選擇、儲存檔案 — 在工具清單到達 Claude 之前被篩選出來。
| 工具名稱(如 hooks 所見) | 它的作用 | 寫入? |
|---|---|---|
mcp__ide__getDiagnostics | 返回語言伺服器診斷 — VS Code 的「問題」面板中的錯誤和警告。可選地限定於一個檔案。 | 否 |
mcp__ide__executeCode | 在活動 Jupyter notebook 的核心中執行 Python 程式碼。請參閱下面的確認流程。 | 是 |
mcp__ide__executeCode 無法以靜默方式執行任何內容。在每次呼叫時,程式碼會作為新儲存格插入到活動 notebook 的末尾,VS Code 會將其滾動到檢視中,原生 Quick Pick 會要求您執行或取消。取消 — 或使用 Esc 關閉選擇器 — 會向 Claude 返回錯誤,沒有任何內容執行。當沒有活動 notebook、未安裝 Jupyter 擴充功能(ms-toolsai.jupyter)或核心不是 Python 時,該工具也會直接拒絕。
Quick Pick 確認與
PreToolUse hooks 分開。mcp__ide__executeCode 的允許列表條目讓 Claude 提議執行儲存格;VS Code 內的 Quick Pick 是讓它實際執行的原因。修復常見問題
擴充功能無法安裝
- 確保您有相容的 VS Code 版本(1.98.0 或更高版本)
- 檢查 VS Code 是否有權限安裝擴充功能
- 嘗試從 VS Code Marketplace 直接安裝
Spark 圖示不可見
當您開啟檔案時,Spark 圖示會出現在編輯器工具列(編輯器右上角)中。如果您看不到它:- 開啟檔案:該圖示需要開啟檔案。僅開啟資料夾是不夠的。
- 檢查 VS Code 版本:需要 1.98.0 或更高版本(幫助 → 關於)
- 重新啟動 VS Code:從命令面板執行「Developer: Reload Window」
- 停用衝突的擴充功能:暫時停用其他 AI 擴充功能(Cline、Continue 等)
- 檢查工作區信任:擴充功能在受限模式下不工作
Cmd+Shift+P / Ctrl+Shift+P)並輸入「Claude Code」。
Claude Code 從不回應
如果 Claude Code 沒有回應您的提示:- 檢查您的網際網路連接:確保您有穩定的網際網路連接
- 開始新對話:嘗試開始新的對話以查看問題是否持續
- 嘗試 CLI:從終端機執行
claude以查看您是否獲得更詳細的錯誤訊息
卸載擴充功能
若要卸載 Claude Code 擴充功能:- 開啟擴充功能檢視(Mac 上的
Cmd+Shift+X或 Windows/Linux 上的Ctrl+Shift+X) - 搜尋「Claude Code」
- 點擊卸載
後續步驟
現在您已在 VS Code 中設定了 Claude Code:- 探索常見工作流程以充分利用 Claude Code
- 設定 MCP servers 以使用外部工具擴展 Claude 的功能。使用 CLI 添加伺服器,然後使用聊天面板中的
/mcp管理它們。 - 配置 Claude Code 設定以自訂允許的命令、hooks 等。這些設定在擴充功能和 CLI 之間共享。

