Developer Resources

Claude Code in VS Code & Cursor

Installeer de Claude Code-extensie in VS Code of Cursor en verbind de gedeelde instellingen met RunAPI.

Overzicht

De officiële Claude Code-extensie werkt in zowel VS Code als Cursor. Beide editors gebruiken dezelfde Claude Code-gebruikersinstellingen, dus deze handleiding installeert de bijpassende extensie en configureert RunAPI eenmalig in ~/.claude/settings.json.

Voordat u begint

Installeer een ondersteunde versie van VS Code of Cursor. De huidige minimumversie van VS Code staat vermeld in de officiële extensiehandleiding.
Maak een standaard API-sleutel aan via de Authenticatiehandleiding. Zet deze niet in werkruimte-instellingen of versiebeheer.
Kopieer een modelidentificator die Anthropic Messages ondersteunt uit de Modelcatalogus.

Installeren

Installeer de officiële anthropic.claude-code-extensie:

VS Code: open de VS Code Marketplace-vermelding of zoek in Extensions naar Claude Code.
Cursor: open cursor:extension/anthropic.claude-code of zoek in Extensions naar Claude Code.

De extensie bevat de runtime die nodig is voor het chatvenster. Installeer de zelfstandige CLI alleen als u ook claude in de geïntegreerde terminal wilt uitvoeren.

RunAPI configureren

Open ~/.claude/settings.json en voeg de gedeelde omgevingsinstellingen op gebruikersniveau toe:

JSON

{
  "env": {
    "ANTHROPIC_BASE_URL": "https://runapi.ai",
    "ANTHROPIC_API_KEY": "YOUR_RUNAPI_API_KEY",
    "ANTHROPIC_MODEL": "YOUR_RUNAPI_MODEL_ID"
  }
}

Zoek in de VS Code- of Cursor-instellingen naar Claude Code login en schakel Disable Login Prompt in voor dit aangepaste eindpunt. Gebruikersinstellingen worden gedeeld met de CLI; VS Code-extensie-instellingen beheren alleen het gedrag van de extensie.

Houd de echte sleutel buiten .claude/settings.json en editor-werkruimte-instellingen, omdat die bestanden mogelijk worden gecommit.

Een model kiezen

Vervang YOUR_RUNAPI_MODEL_ID door een exacte identificatie uit de Modelcatalogus. Gebruik in het Claude Code-paneel /model om de huidige selectie te wijzigen en /status om het actieve model weer te geven.

Verifiëren

Laad het editorvenster opnieuw na het wijzigen van de extensie of instellingen.
Open het Claude Code Spark-paneel.
Voer /status uit en bevestig de gebruikersinstellingen en het model.
Stuur Describe this repository in one sentence. en bevestig een normale reactie.

Probleemoplossing

De extensie kan niet worden geïnstalleerd: controleer of de editorversie voldoet aan de officiële vereisten.
Het Spark-pictogram ontbreekt: laad het editorvenster opnieuw en herstart vervolgens de editor.
Er verschijnt nog steeds een inlogprompt: schakel Disable Login Prompt in de instellingen van de Claude Code-extensie in.
Het paneel neemt shellvariabelen niet over: gebruik ~/.claude/settings.json of start de editor vanuit de geconfigureerde terminal. GUI-applicaties starten vaak zonder de terminalomgeving.
De CLI werkt maar het paneel niet: laad het venster opnieuw en gebruik de zelfstandige CLI om het verzoek te reproduceren met meer gedetailleerde diagnostische informatie.
Authenticatie of modelselectie mislukt: controleer de sleutel via de Authenticatiehandleiding en kopieer de exacte identificator uit de Modelcatalogus.

Volgende stappen

Gebruik de LLM API-snelstart voor protocolgedrag en de Anthropic Messages API- referentie voor verzoeksvelden. Om RunAPI-tools toe te voegen in de editor, gaat u verder met het MCP- overzicht.