Claude Code for VS Code 插件配置

约 942 字大约 3 分钟

2026-03-13

Claude Code 在 2.0 的更新后，也推出了VS Code扩展版本。相比较于 CLI 的体验，扩展版本提供了可视化的 GUI 面板，对不喜欢使用终端的同学会更友好。

VSCode插件

首次使用

安装后在编辑器即可打开Claude Code对话面板
相比较于例如 Cursor/Codex/Copilot 等 AI 工具选择用侧边栏作为聊天区域，Claude Code VSC采用的是编辑区视图，这点相比较于其他常见的 AI 面板，可视区域会更大，内容也会更多。

第一次打开插件，会提示登录以使用官方服务，如果开通了官方服务可以直接去登录，或者你也可以参照以下方法使用第三方中转站的API

自定义API配置

此处我们使用CC-Switch进行多API的切换，比如说同时存在DeepSeek API和自有第三方API的情况下。

CC-Switch：Claude Code / Codex / Gemini CLI 全方位辅助工具，支持统一管理供应商配置、MCP服务器、Skills 扩展和系统提示词。

✅ 一键切换 API 配置 - 在多个 API 提供商之间快速切换
✅ 可视化配置管理 - 通过图形界面轻松管理所有配置
✅ 内置 PackyAPI 模板 - 预设了 PackyAPI 的配置模板
✅ MCP 服务器管理 - 管理 Model Context Protocol 服务器
✅ 系统托盘快捷操作 - 通过托盘菜单快速切换

配置指南

创建 config.json 文件，具体路径参考：
- Mac：~/.claude/config.json
- Windows：C:\Users\%USERPROFILE%\.claude\config.json
文件创建后，写入以下内容直接保存即可：
```
{
    "primaryApiKey":"self"
}
```
打开CC-Switch，在最上方选择 Claude，然后点击右上角加号 添加新供应商
填写 供应商名称，API Key，请求地址，模型预设等内容，以下为接入DeepSeek V4的填写示例：
- 供应商名称：DeepSeek
- 官网链接：https://platform.deepseek.com
- API Key：your-api-key
- 请求地址：https://api.deepseek.com/anthropic
- API格式：Anthropic Messages (原生)
- 认证字段：默认
- 模型预设：Haiku默认模型可以填 deepseek-v4-flash，其余均填 deepseek-v4-pro[1m]
- 最大强度思考：可选是否开启
保存配置后启用，回到VSCode中打开Claude Code终端即可正常使用

参考

CC-Switch 使用教程

自定义API配置(旧)

点此展开

创建 config.json 文件，具体路径参考：
- Mac：~/.claude/config.json
- Windows：C:\Users\%USERPROFILE%\.claude\config.json
文件创建后，写入以下内容直接保存即可：
```
{
    "primaryApiKey":"self"
}
```
回到VS Code并打开Claude Code插件设置，然后跳转到 JSON 配置文件的编辑页面
- Claude Code: Disable Login Prompt -> true
- Claude Code: Environment Variables -> 在 settings.json 中编辑

将API配置信息添加到环境变量配置文件中，其中 ANTHROPIC_BASE_URL 的值填写为你使用的中转站BaseURL， ANTHROPIC_AUTH_TOKEN 的值填写为你的API令牌

"claude-code.environmentVariables": [
    {
        "name": "ANTHROPIC_AUTH_TOKEN",
        "value": "在这里填入 SK 密钥"
    },
    {
        "name": "ANTHROPIC_BASE_URL",
        "value": "在这里填入你的 BaseURL"
    }
],