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

# Claude Code for VS Code

> Connect the Claude Code extension for VS Code to ViVi-API.

Have an API key from the [ViVi-API dashboard](https://api.viviai.cc/dashboard) ready, and confirm that its group supports your chosen model. Back up any existing configuration before merging the fields below.

## 1. Install the extension

In the VS Code Extensions view, find and install **Claude Code, published by Anthropic**.

## 2. Edit user settings

Run **Preferences: Open User Settings (JSON)** from the Command Palette. Merge these fields into your existing `settings.json`:

```json settings.json theme={null}
{
  "claudeCode.environmentVariables": [
    {
      "name": "ANTHROPIC_BASE_URL",
      "value": "https://api.viviai.cc"
    },
    {
      "name": "ANTHROPIC_AUTH_TOKEN",
      "value": "sk-your-api-key"
    },
    {
      "name": "ANTHROPIC_MODEL",
      "value": "claude-sonnet-4-6"
    }
  ],
  "claudeCode.preferredLocation": "panel"
}
```

Replace the key and model, reload the VS Code window, and test a new conversation in the Claude Code panel. Use user settings; do not put your key in the project's shared `.vscode/settings.json`.

See the [Integration overview](https://docs.viviai.cc/en/scenarios.md) and [FAQ](https://docs.viviai.cc/en/faq.md) for more help.


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