Configure Your IDE

Set up Claude Code in your favorite coding environment. Choose your IDE below and follow the simple configuration steps.

💻

VSCode - Claude Code Extension

Official Claude Code extension for Visual Studio Code

Settings Location: Ctrl+Shift+P → Open User Settings (JSON)

settings.json

{
  "claude.code": {
    "apiKey": "sk-cylie-xxxx",
    "baseUrl": "https://gateway.storehrg.online/anthropic"
  }
}

🎯

Cursor IDE

AI-first code editor built on VSCode

Settings Location: Ctrl+Shift+P → Open User Settings (JSON)

settings.json

{
  "externalModels": [{
    "name": "claude-sonnet-4-6",
    "apiKey": "sk-cylie-xxxx",
    "apiBaseUrl": "https://gateway.storehrg.online/anthropic/v1"
  }]
}

🔥

Kiro AI

AI-powered coding assistant for developers

Settings Location: Ctrl+Shift+P → Open User Settings (JSON)

settings.json

{
  "claude.code": {
    "apiKey": "sk-cylie-xxxx",
    "baseUrl": "https://gateway.storehrg.online/anthropic"
  }
}

🌐

9Router (9路由器)

Chinese-developed AI coding IDE

Settings Location: Ctrl+Shift+P → Open User Settings (JSON)

settings.json

{
  "ai.model.providers": [{
    "name": "claude",
    "type": "anthropic",
    "apiKey": "sk-cylie-xxxx",
    "baseUrl": "https://gateway.storehrg.online/anthropic/v1"
  }]
}

🌊

Windsurf AI

AI-powered development environment by Codeium

Settings Location: Ctrl+Shift+P → Open User Settings (JSON)

settings.json

{
  "windsurf.anthropic.apiKey": "sk-cylie-xxxx",
  "windsurf.anthropic.baseUrl": "https://gateway.storehrg.online/anthropic"
}

Get Your API Key

Don't have an API key yet? Login to your dashboard to get started.

Open Dashboard View API Docs