> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mixroute.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Claudeプラグイン（VS Code）

> Claude Code for VS Codeプラグインのインストールガイド

## ステップ1: Claude Codeプラグインをインストールする

1. VS Codeを開き、拡張機能パネルに移動します（Ctrl+Shift+X）
2. Anthropicが提供する「Claude Code for VS Code」を検索してください
3. 「インストール」をクリックします

<img src="https://mintcdn.com/personal-a5418d9f/V9MNJrZcbs-RNsBy/images/vsc-claude-en-1.png?fit=max&auto=format&n=V9MNJrZcbs-RNsBy&q=85&s=f3098f64c3a454f0bbdf0868a8960c4d" alt="VS Code Claude 英語版 1" width="3120" height="1303" data-path="images/vsc-claude-en-1.png" />

## ステップ2：settings.jsonを設定

### 設定を開く

1. 設定アイコン（Ctrl+,）をクリックし、「@ext:Anthropic.claude-code」を検索します。
2. 「Claude-code: Environment Variables」を探し、「settings.jsonで編集」をクリックします。

<img src="https://mintcdn.com/personal-a5418d9f/V9MNJrZcbs-RNsBy/images/vsc-claude-en-2.png?fit=max&auto=format&n=V9MNJrZcbs-RNsBy&q=85&s=a69b859fe06911c7d44cbec62dd00342" alt="VS Code Claude 英語版2" width="2482" height="769" data-path="images/vsc-claude-en-2.png" />

### 設定を追加

```jsonc theme={null}
{
  "claudeCode.preferredLocation": "panel",
  "claudeCode.allowDangerouslySkipPermissions": true,
  "claudeCode.selectedModel": "claude-sonnet-5",
  "claudeCode.environmentVariables": [
    {
        "name": "ANTHROPIC_BASE_URL",
        "value": "https://api.mixroute.ai"
    },
    {
        "name": "ANTHROPIC_AUTH_TOKEN",
        "value": "mixroute_api_key"
    },
    {
        "name": "CLAUDE_CODE_DISABLE_EXPERIMENTAL_BETAS",
        "value": "1"
    }
  ]
}
```

## 設定オプション

| オプション | 説明 |
| - | - |
| `claudeCode.preferredLocation` | `panel`（下部）または`sidebar` |
| `claudeCode.selectedModel` | デフォルトモデル |
| `ANTHROPIC_BASE_URL` | Mixroute API URL |
| `ANTHROPIC_AUTH_TOKEN` | ご自身のAPIキー |

## 設定の確認

1. VS Codeを再起動します
2. コマンドパレット（Ctrl+Shift+P）を開き、「Claude」と入力します
3. 「Claude Code: Open Panel」を選択してください
4. 質問してテストする

<img src="https://mintcdn.com/personal-a5418d9f/V9MNJrZcbs-RNsBy/images/vsc-claude-en-3.png?fit=max&auto=format&n=V9MNJrZcbs-RNsBy&q=85&s=37435a863c58b871b3d6ceca07b487dd" alt="VS Code Claude 英語版 3" width="1217" height="1840" data-path="images/vsc-claude-en-3.png" />

## トラブルシューティング

### ベータフィールドに関連する400エラーへの対処

```text theme={null}
# Error message a 
API Error: 400 Unexpected Value(s) `advisor-tool-2026-03-01` for the `anthropic-beta` header.
# Error message b
API Error: 400 InvokeModelWithResponseStream: \
operation error bedrock Runtime: InvokeModelWithResponseStream, \
http response error StatusCode: 400 , RequestID: xxx-xxx-xxx-xxx, \
ValidationException: invalid beta flag (request id xxxxxxxx)
```

設定に`{"name":"CLAUDE_CODE_DISABLE_EXPERIMENTAL_BETAS","value":"1"}`を追加し、リクエストヘッダーに実験的機能が含まれないようにします。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.