𝐗𝐀𝐈 𝐗𝐀𝐏𝐈

在 VS Code 中配置 Claude Code 插件

Posted September 29, 2025 by XAI 技术团队 ‐ 3 min read

除了在终端中使用，您还可以将 Claude Code 配置无缝集成到 Visual Studio Code 中，享受在编辑器内直接编码的便利。

步骤 A：安装 Claude Code 插件

安装官方 Claude Code Plugin

步骤 B：配置插件以使用 XAI Control

我们需要告诉 VS Code 插件使用 XAI Control 的服务地址和您的 API 密钥。

1. 配置服务地址 (API Base URL)

  • 打开 VS Code 设置 (快捷键 Ctrl+, 或 Cmd+,)。
  • 在搜索框中输入 claude-code.environmentVariables。
  • 在找到的设置项下，点击 "Edit in settings.json"。
  • 将以下 JSON 代码块添加到您的 settings.json 文件中。如果该设置已存在，请确保内容合并正确。
"claude-code.environmentVariables": [
    {
        "name": "ANTHROPIC_BASE_URL",
        "value": "https://api.xaicontrol.com"
    }
]

2. 配置认证密钥 (API Key)

  • 与 CLI 不同，VS Code 插件通常通过一个特定的配置文件来读取密钥。
  • 您需要在您的用户主目录下创建一个名为 .claude 的文件夹，并在其中创建一个 config.json 文件。

对于 MacOS/Linux，打开终端并执行：

mkdir -p ~/.claude
echo '{"primaryApiKey": "你的 XAI API Key"}' > ~/.claude/config.json

对于 Windows，打开 PowerShell 并执行：

New-Item -ItemType Directory -Force -Path "$HOME\.claude"
Set-Content -Path "$HOME\.claude\config.json" -Value '{"primaryApiKey": "你的 XAI API Key"}'
  • 请务必将 你的 XAI API Key 替换为您真实的 XAI Control API 密钥。

步骤 C：重启并开始使用

  1. 完全退出并重新启动 VS Code 以确保所有配置生效。
  2. 点击 VS Code 活动栏中的 Claude 图标，即可打开聊天窗口开始对话。
  3. 您现在可以在 VS Code 中直接与 Claude 交互，所有请求同样会通过 XAI Control 进行管理和记录。

相关链接