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.neroism.web.id/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.neroism.web.id/anthropic"
    }
  ]
}

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.neroism.web.id/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.neroism.web.id/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.neroism.web.id/anthropic"
}

Get Your API Key

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

DocsIDE Setup