Claude Code VS Code Extension Setup: Backend, Modelle und Sandbox

Claude Code erscheint in VS Code als vollwertiger Coding-Agent in der Seitenleiste – kein Vervollständigungstool, sondern ein Problemlöser für mehrstufige Aufgaben, der Ihr Projekt liest, Dateien bearbeitet und Befehle ausführt. Die VS-Code-Extension teilt sich die Engine mit dem CLI, daher funktionieren Slash-Commands, CLAUDE.md-Kontext und MCP-Tool-Aufrufe genauso wie im Terminal. Was das Setup wirklich interessant macht, ist die Backend-Ebene: Jeder Inferenzaufruf läuft über einen Endpoint, den Sie kontrollieren. Wenn Sie diesen Endpoint auf Novita AI umleiten, erhalten Sie Zugriff auf Claude-Modelle sowie einen breiteren Katalog quelloffener Coding-Alternativen – zu Preisen, die umfangreiche Agenten-Aufgaben praktikabel machen.

Was Claude Code in VS Code leistet

Die Claude-Code-VS-Code-Extension ist ein Seitenleisten-Panel, keine Inline-Autovervollständigung. Öffnen Sie es, beschreiben Sie eine Aufgabe, und Claude Code führt mehrstufige Arbeiten aus: Dateien lesen, Änderungen schreiben, Shell-Befehle ausführen und auf Ihre Freigabe bei Diffs warten, bevor sie angewendet werden. Dieser Unterschied ist wichtig, denn Entwickler suchen oft nach „claude code vs code“ und erwarten ein Copilot-ähnliches Erlebnis – einzeilige Vorschläge, die während der Eingabe vervollständigt werden. Das ist hier nicht der Fall. Für Vervollständigungen gibt es andere Tools. Claude Code in VS Code ist für Aufgaben gedacht: Tests für dieses Modul schreiben, den Auth-Handler refaktorieren, erklären, warum diese Abfrage langsam ist, einen Pull-Request mit den heutigen Änderungen erstellen.

Konkrete Funktionen innerhalb der Extension:

• Mehrdatei-Bearbeitung mit Inline-Diffs. Claude Code schlägt Änderungen über mehrere Dateien hinweg vor und zeigt Diffs an, die Sie annehmen oder ablehnen können, ohne den Editor zu verlassen.
• Slash-Commands. /compact, /clear, /init, /memory sowie eigene, von Ihnen definierte Slash-Commands funktionieren identisch zum CLI.
• Kontext-Pinning. Das Präfix # bindet bestimmte Dateien, Symbole oder Ordner an eine Anfrage. Die Eingabe von #src/auth/handler.ts fix the race condition gibt Claude Code sofort den richtigen Kontext.
• CLAUDE.md-Bewusstsein. Projekt-Codestandards, Architekturnotizen, bevorzugte Bibliotheken – alles in CLAUDE.md wird beim Start der Sitzung geladen. Sie schreiben es einmal; der Agent respektiert es in jeder Sitzung.
• MCP-Tool-Aufrufe. Im Claude-Code-Konfigurationsordner registrierte MCP-Server sind im Extension-Panel verfügbar.

Was die Extension nicht tut: Sie ersetzt nicht Ihre vorhandenen Tastenkürzel, ändert nicht Ihr Syntax-Highlighting und fügt keine Tastenanschlag-Vervollständigungen hinzu. Sie ist eine Agenten-Schnittstelle, die über Ihren normalen VS-Code-Workflow gelegt wird.

So fügen Sie Claude Code zu VS Code hinzu

Öffnen Sie das Extension-Panel (Strg+Umschalt+X unter Windows/Linux, Cmd+Umschalt+X unter macOS). Suchen Sie nach Claude Code und achten Sie auf den Herausgeber Anthropic. Klicken Sie auf Installieren.

Wenn Sie die Kommandozeile bevorzugen:

code --install-extension Anthropic.claude-code

Nach der Installation erscheint das Claude-Symbol in der Aktivitätsleiste auf der linken Seite von VS Code. Klicken Sie darauf, um das Agenten-Panel zu öffnen.

Authentifizierung beim ersten Start. Die Extension fordert Sie beim ersten Öffnen zur Anmeldung auf. Zwei Wege:

• Anthropic-Konto: Browser-OAuth-Ablauf – funktioniert, wenn Sie einen Anthropic-Console-API-Schlüssel oder ein aktives Claude-Abo haben.
• Novita-AI-API-Schlüssel: Setzen Sie ANTHROPIC_BASE_URL und ANTHROPIC_AUTH_TOKEN in Ihrer Shell-Umgebung, bevor Sie VS Code aus diesem Terminal starten. Die Extension liest diese beim Start und überspringt die Anthropic-Anmeldung vollständig. Details im nächsten Abschnitt.

VS Code aktualisiert die Extension automatisch im Hintergrund. Sie müssen Versionen nicht manuell verfolgen.

Wie das LLM-API-Backend funktioniert

Das Verständnis der dreischichtigen Architektur macht jede Konfigurationsentscheidung klarer:

1. UI-Ebene: Die VS-Code-Extension (oder das CLI, oder die Desktop-App – sie sind austauschbare Oberflächen).
2. Agenten-Logik-Ebene: Die Claude-Code-Engine – Tool-Definitionen, Sitzungsverwaltung, Dateilesen, Befehlsausführung.
3. LLM-API-Ebene: Der Inferenz-Endpoint, der jeden Sprachmodell-Aufruf verarbeitet.

Standardmäßig zeigt die LLM-API-Ebene auf api.anthropic.com. Claude Code sendet Anfragen im Anthropic-Messages-API-Format. Das entscheidende Detail: ANTHROPIC_BASE_URL leitet alle diese Anfragen auf einen beliebigen Anthropic-kompatiblen Endpoint um. Novita AI stellt dasselbe Messages-API-Format unter https://api.novita.ai/anthropic bereit, sodass der Wechsel für die Agenten-Logik-Ebene transparent ist – Claude Code weiß nicht und kümmert sich nicht darum, ob die Antwort von Anthropics Servern oder Novitas Servern stammt.

Drei weitere Umgebungsvariablen vervollständigen die Konfiguration:

• ANTHROPIC_AUTH_TOKEN – Ihr API-Schlüssel für den gewählten Anbieter.
• ANTHROPIC_MODEL – Die Modell-ID für primäre Aufgaben.
• ANTHROPIC_SMALL_FAST_MODEL – Die Modell-ID für schnelle Hintergrundaufgaben wie Zusammenfassung und Kontextkomprimierung.

Setzen Sie diese, bevor Sie VS Code starten, und die Extension übernimmt sie aus der Shell-Umgebung.

Claude Code mit Novita AI verbinden

Schritt 1: Novita-AI-API-Schlüssel erhalten

Registrieren Sie sich bei novita.ai und navigieren Sie zur Seite Key Management. Generieren Sie einen neuen Schlüssel und kopieren Sie ihn sofort – er wird nicht erneut angezeigt.

Schritt 2: Umgebungsvariablen setzen

Unter macOS oder Linux exportieren Sie die Variablen im Terminal, bevor Sie VS Code starten:

export ANTHROPIC_BASE_URL="https://api.novita.ai/anthropic"
export ANTHROPIC_AUTH_TOKEN="<your-novita-api-key>"
export ANTHROPIC_MODEL="zai-org/glm-4.6"
export ANTHROPIC_SMALL_FAST_MODEL="zai-org/glm-4.6"

Unter Windows (Eingabeaufforderung):

set ANTHROPIC_BASE_URL=https://api.novita.ai/anthropic
set ANTHROPIC_AUTH_TOKEN=<your-novita-api-key>
set ANTHROPIC_MODEL=zai-org/glm-4.6
set ANTHROPIC_SMALL_FAST_MODEL=zai-org/glm-4.6

Starten Sie VS Code dann aus derselben Terminal-Sitzung:

code .

Schritt 3: Verbindung überprüfen

Öffnen Sie das Claude-Code-Panel und senden Sie eine kurze Testnachricht. Wenn die Extension antwortet, funktioniert das Routing. Sie werden nun über Novita AI abgerechnet – Ihr Anthropic-Konto wird nicht belastet.

Um die Konfiguration dauerhaft zu machen, fügen Sie die Exporte zu Ihrem Shell-Profil (~/.zshrc, ~/.bashrc oder Äquivalent) hinzu oder verwenden Sie eine projektbezogene .env-Datei, die von direnv für projektspezifisches Modell-Switching verwaltet wird.

Open-Source-Modelle, die mit Closed-Source-Coding-Leistung mithalten

Sobald Sie über Novita AI routen, sind Sie nicht auf Claude-Modelle beschränkt. Novitas LLM-Katalog umfasst quelloffene Coding-Modelle, die direkt mit Closed-Source-Alternativen bei den Benchmarks konkurrieren, die für agentische Coding-Aufgaben relevant sind.

GLM-4.6 von Zhiyu AI ist ein praktisches Beispiel. Es bietet ein Kontextfenster von 200.000 Tokens und erreicht eine Gewinnrate von 48,6 % gegen Claude Sonnet 4 in realen Coding-Evaluierungen. Für agentische Workflows, bei denen langer Kontext wichtig ist (Debugging in großen Codebasen, Lesen vollständiger Test-Suiten), ist dieses Kontextfenster ein praktischer Vorteil, nicht nur eine Kennzahl im Datenblatt. Die Novita-Modell-ID lautet zai-org/glm-4.6.

Weitere Modelle auf Novitas Plattform, die sich für Coding-Workloads lohnen, sind DeepSeek R1 und Qwen 3 Coder, die beide wettbewerbsfähige Leistungen bei Codegenerierungs- und Anweisungsfolge-Benchmarks gezeigt haben. Dieselbe Umgebungsvariable ANTHROPIC_MODEL wechselt zwischen ihnen – keine Neuinstallation, keine neue Integration.

Das Kostenargument für Open Source: Teams, die Claude Code in großem Maßstab betreiben – viele Agentenläufe in CI-Pipelines, Multi-Entwickler-Setups mit geteilten Novita-API-Schlüsseln oder lange agentische Sitzungen mit hohem Tokenverbrauch – stellen fest, dass Open-Source-Modelle zu Novitas Preisen spürbaren Spielraum im Infrastrukturbudget schaffen. Ein Modell, das bei 90 % des Leistungsniveaus von Claude Sonnet 4 zu 40 % der Kosten arbeitet, verändert die Ökonomie des kontinuierlichen Agentenbetriebs.

Novita Agent Sandbox als Ausführungsumgebung

Claude Code in VS Code kann Shell-Befehle lokal ausführen – es wird Ihr Projekt bauen, Tests ausführen, Pakete installieren und Dateien auf Ihrem Rechner erstellen. Für die meisten alltäglichen Aufgaben ist das in Ordnung. Aber einige agentische Aufgaben sind in isolierter Rechenumgebung besser aufgehoben: schwere Test-Suiten, die Ihren Rechner blockieren, Build-Schritte, die Systempakete installieren, Befehle, die die Systemkonfiguration ändern, oder parallele Agentenläufe, bei denen Sie Reproduzierbarkeit benötigen.

Novita Agent Sandbox bietet Cloud-Ausführungsumgebungen, die genau für diesen Anwendungsfall entwickelt wurden. Eine Sandbox ist eine MicroVM, die in Millisekunden startet, Code isoliert von Ihrem Hostsystem ausführt und sauber beendet wird, wenn die Aufgabe erledigt ist. Kein Hinterlassen von Zuständen, keine Auswirkungen auf Ihre lokale Umgebung, kein Warten auf die Erholung der CPU Ihres Rechners.

Für Claude-Code-Nutzer sieht der praktische Workflow so aus: Leiten Sie Inferenz für Sprachmodell-Aufrufe an Novita AIs LLM-Endpoint und starten Sie für schwere Ausführungsaufgaben – Builds, Testläufe, Code-Evaluierung – eine Agent-Sandbox-Instanz über die Novita Agent Sandbox API. Beide Dienste teilen sich die Authentifizierung (derselbe Novita-API-Schlüssel), sodass keine separate Berechtigungsverwaltung nötig ist.

Teams, die automatisierte Code-Review-Pipelines oder CI-integrierte Claude-Code-Agenten bauen, finden diese Kombination besonders nützlich: Die LLM-Kosten bleiben auf Novitas Preismodell pro Token vorhersehbar, und die Rechenkosten bleiben auf der sekundengenauen Abrechnung der Agent Sandbox vorhersehbar.

Tipps für den täglichen VS-Code-Workflow

Einige Muster, die die Extension praktisch und nicht nur kurios machen:

Neue Projekte mit /init starten. Die Ausführung von /init in einem neuen Repository erzeugt eine CLAUDE.md-Startdatei. Das ist der effizienteste Weg, Claude Code über die Konventionen Ihres Projekts zu informieren, bevor es mit dem Bearbeiten beginnt.

Kontext mit # anheften. Beschreiben Sie nicht, welche Datei angesehen werden soll, sondern geben Sie #dateiname ein, um sie direkt anzuhängen. Für Refactoring-Arbeiten ist #src/components/Button.tsx update the onClick handler to use the new event type schneller als „schau dir die Button-Komponente an und …“.

/compact proaktiv nutzen. In einer langen Sitzung sammelt Claude Code Kontext an. /compact fasst das Gespräch zusammen und reduziert den Token-Overhead. Führen Sie es nach einer größeren Aufgabe aus, bevor Sie die nächste beginnen.

Diffs inline annehmen oder ablehnen. Bevor Claude Code eine Datei bearbeitet, zeigt es den Diff im Panel an. Sie müssen nicht jede Änderung akzeptieren – lehnen Sie Teile von Diffs ab und bitten Sie um einen überarbeiteten Ansatz. Wenn Sie jede Antwort als Ausgangspunkt und nicht als endgültige Lösung betrachten, erhalten Sie bessere Ergebnisse.

Projektanweisungen von Sitzungsanweisungen trennen. CLAUDE.md ist für stabilen Projektkontext gedacht (Build-Befehle, Architektur, Codestil). Temporäre Anweisungen für die aktuelle Aufgabe gehören in den Sitzungs-Prompt. Überladen Sie CLAUDE.md nicht mit Einzelaufgaben-Hinweisen.

FAQ

Wo finde ich die Dokumentation zur Claude-Code-VS-Code-Extension?

Die offizielle Extension-Dokumentation wird von Anthropic unter claude.ai/code gepflegt. Versionshinweise und Changelog sind im VS-Code-Extension-Panel unter dem Claude-Code-Eintrag sichtbar.

Ist die Claude-Code-VS-Code-Extension kostenlos?

Die Extension selbst ist kostenlos installierbar. Die Nutzungskosten hängen von Ihrer Backend-Konfiguration ab. Mit einem Anthropic-Konto zahlen Sie pro Token oder nutzen Abo-Guthaben. Mit Novita-AI-Routing zahlen Sie Novitas Tarif pro Token und es fallen keine Anthropic-Gebühren an. Neue Novita-Konten erhalten bei der Registrierung kostenloses Testguthaben.

Kann ich die VS-Code-Extension und das Claude-Code-CLI gleichzeitig verwenden?

Ja, aber sie laufen als getrennte Sitzungen. Die VS-Code-Extension teilt keine Live-Sitzung mit einer geöffneten CLI-Instanz. Wenn Sie Sitzungskontinuität zwischen beiden benötigen, verwenden Sie claude -c im CLI, um die letzte Sitzung aus diesem Verzeichnis fortzusetzen.

Was ist der Unterschied zwischen Claude Code und Cline in VS Code?

Cline ist eine VS-Code-Extension, die Agentenarbeit über ein beliebiges OpenAI-kompatibles Backend führt – es bietet maximale Anbieterflexibilität, erfordert aber mehr Konfiguration. Claude Code ist Anthropics eigener Agent mit einem eng integrierten Toolset. Die ANTHROPIC_BASE_URL-Umleitung gibt Claude Code in der Praxis ähnliche Backend-Flexibilität. Wenn Sie Novita AI bereits für Claude Code eingerichtet haben, benötigen Sie keine separate Cline-Installation, um auf Novitas Modellkatalog zuzugreifen.

Kann ich für verschiedene Projekte verschiedene Modelle verwenden?

Ja. Verwenden Sie direnv mit projektbezogenen .env-Dateien, um ANTHROPIC_MODEL auf ein bestimmtes Verzeichnis zu beschränken. Wenn Sie dieses Projekt in VS Code aus einem Terminal mit aktivem direnv öffnen, übernimmt die Extension die projektspezifische Modelleinstellung.

Novita AI ist eine KI-Cloud-Plattform, die Entwicklern einen einfachen Weg bietet, KI-Modelle über eine einfache API bereitzustellen, und gleichzeitig erschwingliche und zuverlässige GPU-Cloud für das Erstellen und Skalieren bereitstellt.

Empfohlene Artikel

• Claude Code in VS Code: Install the Extension, Configure the IDE, and Switch to Novita AI
• Claude Code CLI Documentation: Setup, Slash Commands, and LLM API Integration
• How To Integrate Novita AI LLM API With Cline in VScode