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

# Claude Code plugin (VS Code)

> Installation and configuration guide for Claude Code for VS Code extension

## Step 1: Install or Update Claude Code Extension

1. Open VS Code editor, go to the left "Extensions" panel (Shortcut: Ctrl+Shift+X).
2. Type "Claude Code for VS Code" in the search box, find the plugin published by Anthropic (ID: "anthropic.claude-code").
3. Core features: Supports latest Claude models, direct terminal calls, codebase analysis, sub-agents/custom slash commands, etc. Some advanced configurations need to be set via command line.

<Frame>
  <img src="https://mintcdn.com/axistudio/zzCDgwkLPuUTZbCy/images/claude-code-vscode.png?fit=max&auto=format&n=zzCDgwkLPuUTZbCy&q=85&s=7921fd0b69274f38474abcf52f19ff46" alt="Claude Code for VS Code plugin" width="1268" height="587" data-path="images/claude-code-vscode.png" data-path="images/claude-code-vscode.png" />
</Frame>

## Step 2: Configure settings.json

### 2.1 Open Configuration File

1. Click the "Settings" icon in the bottom left of VS Code (or use Ctrl+,), search for "@ext:Anthropic.claude-code" to filter plugin settings.
2. Find "Claude-code: Environment Variables" option, click "Edit in settings.json" on the right.

<Frame>
  <img src="https://mintcdn.com/axistudio/zzCDgwkLPuUTZbCy/images/claude-code-vscode-setting.png?fit=max&auto=format&n=zzCDgwkLPuUTZbCy&q=85&s=f2a948296270dba8a6fa62d04fa4bca5" alt="Claude Code for VS Code plugin settings" width="1920" height="1140" data-path="images/claude-code-vscode-setting.png" data-path="images/claude-code-vscode-setting.png" />
</Frame>

### 2.2 Add Core Configuration

Add the following configuration to settings.json (modify model version and display location as needed):

```jsonc theme={null} theme={null}
{
  "claudeCode.preferredLocation": "panel",
  "claudeCode.allowDangerouslySkipPermissions": true,
  "claudeCode.selectedModel": "claude-sonnet-4-5-20250929",
  "claudeCode.environmentVariables": [
    {
      "name": "ANTHROPIC_BASE_URL",
      "value": "https://utoken.yoostudio.ai"
    },
    {
      "name": "ANTHROPIC_AUTH_TOKEN",
      "value": "sk-xxxxx" // 替换为你的API密钥
    }
  ]
}
```