Skip to main content

​
第一步：安裝 Claude Code 外掛

  1. 開啟 VS Code 編輯器，進入左側「擴充功能」面板（快速鍵：Ctrl+Shift+X）
  2. 在擴充功能市集搜尋「Claude Code for VS Code」，找到 Anthropic 官方發佈的外掛
  3. 點擊「安裝」
Claude Code VSCode 插件

​
第二步：配置 settings.json 檔案

​
開啟配置檔案

  1. 點擊 VS Code 左下角「設定」圖示（或使用快速鍵 Ctrl+,），搜尋「@ext:Anthropic.claude-code」
  2. 找到「Claude-code: Environment Variables」選項，點擊「Edit in settings.json」
Claude Code 設定

​
新增核心配置

{
  "claudeCode.preferredLocation": "panel",
  "claudeCode.allowDangerouslySkipPermissions": true,
  "claudeCode.selectedModel": "claude-sonnet-4-5-20250929",
  "claudeCode.environmentVariables": [
    {
      "name": "ANTHROPIC_BASE_URL",
      "value": "https://console.mixroute.io"
    },
    {
      "name": "ANTHROPIC_AUTH_TOKEN",
      "value": "sk-xxxxx"
    }
  ]
}

​
配置說明

配置項說明
claudeCode.preferredLocation外掛顯示位置，可選 panel（底部面板）或 sidebar（側邊欄）
claudeCode.selectedModel預設使用的模型
ANTHROPIC_BASE_URLMixroute Api 服務位址
ANTHROPIC_AUTH_TOKEN您的 API 金鑰

​
驗證配置

  1. 配置完成後，重新啟動 VS Code
  2. 開啟命令面板（Ctrl+Shift+P），輸入「Claude」
  3. 選擇「Claude Code: Open Panel」開啟外掛面板
  4. 輸入測試問題，如果能收到回覆，說明配置成功