VSCode 配置 Claude Code 插件使用教程

Claude Code 是 Anthropic 官方推出的 AI 编程助手，VSCode 插件版本让你无需离开编辑器即可使用完整的 Claude Code 能力，包括代码生成、解释、重构、终端操作等。本文介绍如何在 VSCode 中安装并配置 Claude Code 插件。

---

一、安装插件

1. 打开扩展市场

在 VSCode 左侧活动栏点击「扩展」图标（或按 Ctrl+Shift+X / Cmd+Shift+X），在搜索框输入 Claude Code。

2. 确认发布者并安装

找到发布者为 Anthropic 的插件，点击「安装」按钮，等待安装完成。

注意：安装前请确认发布者为 Anthropic，避免安装同名仿冒插件。

---

二、打开 VSCode 设置

如图所示，点击插件以后，点击小齿轮，选择设置

下拉找到

---

三、添加环境变量配置

在 settings.json 中删除全部内容，添加以下内容：

{
    "workbench.colorTheme": "One Dark Pro",
    "solidity-va.deco.statevars": false,
    "github.copilot.enable": {
        "*": false,
        "yaml": false,
        "plaintext": true,
        "markdown": false
    },
    "[python]": {
        "editor.formatOnType": true
    },
    "chatgpt.promptPrefix.completeCode-enabled": false,
    "CodeGPT.model": "gpt-3.5-turbo-16k",
    "CodeGPT.maxTokens": 16384,

    "git.enableSmartCommit": true,
    "git.autofetch": true,
    "git.postCommitCommand": "push",
    "git.suggestSmartCommit": false,
    "claudeCode.preferredLocation": "panel",
    "claudeCode.environmentVariables": [
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "sk-111"
        },
        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://apis.aaife.cn"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": ""
        }
    ]
}

将 sk-111 替换为你在下一步获取的 API Key，然后保存重启vscode

---

四、获取 API KEY

打开 https://apis.aaife.cn，注册账户登录，点击网页顶部控制台, 然后点击令牌管理

点击添加令牌，名称随便填写，令牌分组选择claude专用，提交即可

然后点击选中框，点击复制所选令牌，如图所示

现在就可以将上一步的sk-111换成刚复制的令牌key

---

五、基本使用

配置完成后，在插件面板的输入框中即可开始对话。常用功能如下：

• / — 输入斜杠调出命令菜单，可新建会话、上传文件、切换模型、配置 MCP 等
• @ — 引用当前工作区文件或代码片段作为上下文
• 方向键 ↑ — 调出历史消息记录，快速复用之前的提问
• 多文件编辑 — Claude Code 可直接读取、修改项目中的多个文件，并在终端执行命令

---

六、常见问题

Q：配置 API 后仍然连接失败？

检查 ANTHROPIC_BASE_URL 末尾是否多了斜杠，确认 API Key 有效

Q：如何切换模型？

在对话框输入 / 后选择「Model」选项

---

至此，VSCode 中的 Claude Code 插件已配置完成，可以直接在编辑器内进行代码生成、重构、解释及项目级多文件操作。