在VS Code中配置使用Claude Code的完整指南
一、前置條件
| 依賴項 | 版本要求 | 說明 |
|---|---|---|
| VS Code | 最新版本 | 從 code.visualstudio.com 下載 |
| Node.js | ≥ 18 | 運行環(huán)境 |
| Python | ≥ 3.10 | 部分功能依賴 |
| API Key | — | 身份認證密鑰,從 你使用的AI工具接口配置指南中獲取 |
二、安裝步驟
第 1 步:安裝 VS Code
- 前往 code.visualstudio.com
- 下載 Windows 版
- 運行安裝程序,默認安裝即可

第 2 步:安裝 Claude Code 插件
- 打開 VS Code(我這個截圖是已經(jīng)安裝了的)
- 按
Ctrl+Shift+X打開擴展市場 - 搜索 “Claude Code”
- 點擊 Install 安裝

第 3 步:配置認證與模型
按 Ctrl+Shift+P,搜索 Preferences: Open User Settings (JSON)

在 settings.json 中添加以下步驟三的配置,如下圖:

三、settings.json 配置詳解
{
"claudeCode.environmentVariables": [
{
"name": "ANTHROPIC_BASE_URL",
"value": "https://ai-xxxxxxxx.com/anthropic"
},
{
"name": "ANTHROPIC_AUTH_TOKEN",
"value": "你的API Key"
},
{
"name": "ANTHROPIC_MODEL",
"value": "qwen3.7-plus"
},
{
"name": "ANTHROPIC_SMALL_FAST_MODEL",
"value": "qwen3.7-plus"
}
],
"CLAUDE_CODE_ATTRIBUTION_HEADER": 0,
"claudeCode.preferredLocation": "panel",
"workbench.colorTheme": "Dark Modern",
"editor.language.brackets": [],
"chat.mcp.gallery.enabled": true
}四項關(guān)鍵配置說明
| # | 配置項 | 作用 | 說明 |
|---|---|---|---|
| ① | ANTHROPIC_BASE_URL | 模型代理地址 | AI接口統(tǒng)一代理地址 |
| ② | ANTHROPIC_AUTH_TOKEN | API Key | 身份認證密鑰,切勿泄露! |
| ③ | ANTHROPIC_MODEL | 主模型 | 處理復(fù)雜任務(wù)的主力模型,當前值:qwen3.7-plus |
| ④ | ANTHROPIC_SMALL_FAST_MODEL | 快速模型 | 處理簡單任務(wù),節(jié)省成本和延遲,當前值:qwen3.7-plus |
| ⑤ | CLAUDE_CODE_ATTRIBUTION_HEADER | 歸屬標識 | 控制是否顯示歸屬標頭,0 表示關(guān)閉 |
| ⑥ | claudeCode.preferredLocation | 面板位置 | Claude Code 窗口的默認顯示位置,"panel" 表示底部面板 |
| ⑦ | workbench.colorTheme | 編輯器主題 | 設(shè)置為 "Dark Modern" 暗色主題 |
| ⑧ | editor.language.brackets | 語言括號配置 | 空數(shù)組 [],表示不針對特定語言設(shè)置括號樣式 |
| ⑨ | chat.mcp.gallery.enabled | MCP 畫廊開關(guān) | true 表示啟用 MCP 畫廊功能 |
四、啟動與使用
啟動方式
配置完成后會在VS Code左邊有圖標,點開有可以添加session的地方,如果沒有的話,檢查一下settings.json是不是有問題,或者API不能用。
這個工具的亮點在于上下文感知 — 它知道你在看什么代碼、選了哪些行、打開了哪些文件,讓 AI 輔助變得無縫自然,而不是像 CLI 那樣需要手動提供所有上下文。對于日常開發(fā)來說,這種集成大幅降低了使用門檻,提升了效率。
舉個例子,我需要他幫我改一下word文檔,他需要使用到python,我的電腦他沒有裝python,他會詢問你,我批準了,他自動裝python,自動裝模塊,自動去讀取,然后申請改寫,非常方便有木有?
五、四種工作模式
按 Shift + Tab 循環(huán)切換:
| 模式 | 說明 | 適用 |
|---|---|---|
| 默認模式 | 每次文件寫入、編輯和命令執(zhí)行前都請求確認,最安全 | 初次使用、敏感操作 |
| 自動接受編輯 | 自動允許文件讀寫/編輯,Shell 命令仍需確認,效率與安全平衡 | 日常開發(fā)、批量修改 |
| Plan 模式 | 只規(guī)劃不執(zhí)行,展示完整方案供審閱 | 復(fù)雜任務(wù)、架構(gòu)調(diào)整 |
| Auto 模式 | 跳過所有權(quán)限提示,自動執(zhí)行一切(慎用) | 信任后的加速執(zhí)行、CI/CD |
切換順序:默認 → 自動接受編輯 → Plan → Auto → 回到 默認
六、常見問題
| 問題 | 解決方案 |
|---|---|
| 插件搜索不到 | 確認 VS Code 版本為最新,嘗試重啟后重新搜索 |
| 啟動后無響應(yīng) | 檢查 Node.js ≥ 18 是否已安裝 |
| API 調(diào)用失敗 | 檢查 ANTHROPIC_BASE_URL 和 ANTHROPIC_AUTH_TOKEN 配置是否正確 |
| 上下文混亂 | 使用 /clear 清除對話,重新開始 |
| token 消耗過快 | 使用 /compact 壓縮上下文,或切換到快速模型 |
七、總結(jié)
安裝 VS Code
↓
安裝 Claude Code 插件(Ctrl+Shift+X 搜索安裝)
↓
配置 settings.json(4項關(guān)鍵配置:地址 / 密鑰 / 主模型 / 快模型)
↓
打開項目文件夾 → 終端啟動 claude
↓
自然語言描述需求,開始使用!
以上就是在VS Code中配置使用Claude Code的完整指南的詳細內(nèi)容,更多關(guān)于VS Code配置使用Claude Code的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
這篇文章給大家介紹VS Code 版本下Claude Code 使用說明,本文結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2026-07-13

VSCode+ClaudeCode+Deepseek的配置與聯(lián)動搭建

2026年Claude Code 編輯器集成教程:VS Code和JetBrains完整配置

VS Code 聯(lián)動 Claude Code 安裝教程

VS Code+Claude Code+Deepseek的使用小結(jié)

Claude Code cli 及vscode版本的各種命令參考手冊(最新推薦)


VS Code與IDEA集成Claude Code的實戰(zhàn)指南

VScode如何使用Claude Code接入Deepseek



