Skip to main content

Step 1: Install Claude Code Plugin

  1. Open VS Code, go to Extensions panel (Ctrl+Shift+X)
  2. Search for “Claude Code for VS Code” by Anthropic
  3. Click Install
Claude Code VSCode Plugin

Step 2: Configure settings.json

Open Configuration

  1. Click Settings icon (Ctrl+,), search “@ext:Anthropic.claude-code”
  2. Find “Claude-code: Environment Variables”, click “Edit in settings.json”
Claude Code Settings

Add Configuration

{
  "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"
    }
  ]
}

Configuration Options

OptionDescription
claudeCode.preferredLocationpanel (bottom) or sidebar
claudeCode.selectedModelDefault model
ANTHROPIC_BASE_URLMixroute Api URL
ANTHROPIC_AUTH_TOKENYour API key

Verify Configuration

  1. Restart VS Code
  2. Open Command Palette (Ctrl+Shift+P), type “Claude”
  3. Select “Claude Code: Open Panel”
  4. Test with a question