Claude Code in VS Code: Erweiterung installieren, IDE konfigurieren und zu Novita AI wechseln

Claude Code in VS Code: Erweiterung installieren, IDE konfigurieren und zu Novita AI wechseln

Claude Code läuft als native VS Code-Erweiterung, die direkt aus dem Marketplace installiert wird – kein Browser-Tab, kein Kopieren und Einfügen zwischen Fenstern. Die Erweiterung integriert dieselbe Claude Code-Engine, die auch die CLI antreibt. Somit funktionieren alle Funktionen – von Slash-Befehlen über Dateibearbeitung bis hin zu MCP-Toolaufrufen – genauso, nur eben in der Seitenleiste Ihres Editors. PyCharm und die übrige JetBrains-Familie erhalten die gleiche Behandlung durch ein eigenes JetBrains-Plugin. Und da beide Oberflächen ANTHROPIC_BASE_URL aus der Umgebung lesen, genügt eine einzige Umgebungsvariable, um das LLM-Backend auf die Novita AI API – und deren breitere Modellauswahl – umzustellen.

Was die VS Code-Erweiterung tatsächlich tut

Die Claude Code VS Code-Erweiterung ist kein Chatbot-Tab, der an Ihren Editor angeheftet ist. Sie zeigt den vollständigen Claude Code Agenten in einem Seitenfeld an: Dieselbe REPL-ähnliche Oberfläche, derselbe Tool-Satz, dieselbe Sitzungskontinuität. Wenn Sie sie bitten, eine Funktion umzugestalten oder Tests für eine geöffnete Datei zu schreiben, liest und bearbeitet sie diese Dateien direkt in Ihrem Arbeitsbereich – kein Clipboard nötig.

Konkrete Aufgaben, die die Erweiterung erledigt:

  • Mehrdatei-Bearbeitung mit Inline-Diffs. Claude Code schlägt Änderungen vor und zeigt einen Diff an, den Sie annehmen oder ablehnen können, ohne den Editor zu verlassen.
  • Slash-Befehle. /compact, /init, /memory, /clear und alle weiteren funktionieren identisch zur CLI.
  • Kontext anheften. Das #-Präfix ermöglicht es, bestimmte Dateien, Ordner oder Symbole als Kontext für eine Anfrage anzuhängen.
  • CLAUDE.md-Bewusstsein. Projektanweisungen und Codierungsstandards, die Sie in CLAUDE.md festgehalten haben, werden zu Sitzungsbeginn automatisch geladen.
  • MCP-Toolaufrufe. Alle MCP-Server, die in Ihrer Claude Code-Konfiguration registriert sind, stehen innerhalb der Erweiterung zur Verfügung.

Was sie nicht tut: Sie fügt keine KI-Autovervollständigung in Ihrem Editor-Puffer hinzu. Dafür sind Tools wie Copilot oder Cline zuständig. Claude Code in VS Code ist ein Agent – Sie geben ihm eine Aufgabe, und er führt mehrere Schritte aus, keine einzelne Inline-Vervollständigung.

Claude Code in VS Code installieren

Öffnen Sie das Erweiterungs-Panel in VS Code (Strg+Umschalt+X unter Windows/Linux, Cmd+Umschalt+X unter macOS). Suchen Sie nach Claude Code und achten Sie auf die von Anthropic veröffentlichte Erweiterung. Klicken Sie auf Installieren.

Alternativ können Sie folgenden Befehl im Terminal ausführen:

code --install-extension Anthropic.claude-code

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

Authentifizierung beim ersten Start. Die Erweiterung fordert Sie zur Anmeldung auf. Sie haben zwei Möglichkeiten:

  • Anthropic-Konto (Abonnement oder Konsolen-Abrechnung): Führen Sie den Browser-OAuth-Fluss durch.
  • API-Schlüssel-Weiterleitung zu Novita AI: Überspringen Sie die Anthropic-Authentifizierung vollständig. Setzen Sie ANTHROPIC_BASE_URL und ANTHROPIC_AUTH_TOKEN vor dem Start von VS Code in Ihrer Umgebung, und die Erweiterung verwendet diese. Vollständige Anweisungen im nächsten Abschnitt.

Automatische Updates. VS Code aktualisiert die Erweiterung im Hintergrund, wenn Sie den Editor neu starten. Sie müssen keine Versionen manuell verwalten.

Tägliche Nutzung von Claude Code in VS Code

Sobald das Panel geöffnet ist, ist der Arbeitsablauf unkompliziert. Geben Sie eine Anfrage ein, Claude Code liest Ihren Arbeitsbereich und antwortet mit vorgeschlagenen Aktionen. Bevor es eine Datei bearbeitet, zeigt es standardmäßig einen Diff an und wartet auf Ihre Zustimmung.

Einige Muster, die die tägliche Nutzung effizient machen:

Verweisen Sie auf die Datei, die Sie gerade betrachten. Geben Sie # gefolgt von einem Dateinamen ein, um sie explizit als Kontext anzuhängen. Bei einer bereits im aktiven Editor geöffneten Datei erkennt Claude Code sie normalerweise automatisch, aber # ist nützlich, wenn Sie eine bestimmte Datei über eine Mehrdatei-Aufgabe hinweg fixieren möchten.

Führen Sie /init einmal in einem neuen Projekt aus. Dadurch wird eine CLAUDE.md im Repository-Stammverzeichnis erstellt, in der Sie projektspezifische Anweisungen speichern können – bevorzugte Bibliotheken, Architekturnotizen, Testkonventionen. Claude Code liest sie bei jedem Sitzungsstart, sodass Sie sich nicht wiederholen müssen.

Verwenden Sie /compact, wenn die Sitzung lang wird. Wie die CLI komprimiert die Erweiterung bei Bedarf den Konversationsverlauf, um Kontext für die aktuelle Aufgabe freizugeben.

Überprüfen Sie die laufende Werkzeugliste. Am unteren Rand des Panels zeigt VS Code an, welches Tool Claude Code gerade aufruft (Dateilesevorgänge, Bash-Befehle, Websuchen). Dies ist nützlich, um bei längeren automatisierten Aufgaben zu verstehen, was passiert.

Rückgängig ist Ihr Freund. Alle Dateibearbeitungen durchlaufen das Standard-VS-Code-Dateisystem, sodass Strg+Z sie wie jede manuelle Bearbeitung rückgängig macht. Es gibt keinen separaten Rückgängig-Stack für Claude Code-Änderungen.

Die Erweiterung zu Novita AI umleiten

Die VS Code-Erweiterung liest beim Start ANTHROPIC_BASE_URL aus der Umgebung – dieselbe Variable, die auch die CLI verwendet. Wenn Sie sie auf den Anthropic-kompatiblen Endpunkt von Novita AI setzen, wird jeder API-Aufruf von den Servern von Anthropic weggeleitet. Sie erhalten Zugriff auf DeepSeek, Kimi K2, Qwen, GLM und andere Modelle auf der Infrastruktur von Novita AI, abgerechnet über Ihr Novita AI-Konto zu Novitas Tokenpreisen.

Einen Novita AI API-Schlüssel erhalten

Registrieren Sie ein Novita AI-Konto, um kostenlose Testguthaben zu erhalten. Gehen Sie zu Schlüsselverwaltung, erstellen Sie einen neuen Schlüssel und kopieren Sie ihn. Dieser Schlüssel ersetzt Ihren Anthropic-API-Schlüssel, wenn Sie über Novita routen.

Umgebungsvariablen vor dem Start von VS Code setzen

macOS und Linux – fügen Sie diese zu Ihrem Shell-Profil (.zshrc, .bashrc oder vergleichbar) hinzu und laden Sie es dann neu:

export ANTHROPIC_BASE_URL="https://api.novita.ai/anthropic"
export ANTHROPIC_AUTH_TOKEN="<Ihr Novita API-Schlüssel>"
export ANTHROPIC_MODEL="deepseek/deepseek-v4-flash"
export ANTHROPIC_SMALL_FAST_MODEL="deepseek/deepseek-v4-flash"
source ~/.zshrc   # oder ~/.bashrc

Windows (dauerhaft – überlebt Neustarts) – verwenden Sie PowerShell, um Umgebungsvariablen auf Benutzerebene zu setzen:

[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL","https://api.novita.ai/anthropic","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN","<Ihr Novita API-Schlüssel>","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_MODEL","deepseek/deepseek-v4-flash","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_SMALL_FAST_MODEL","deepseek/deepseek-v4-flash","User")

Starten Sie VS Code nach dem Setzen neu, damit die Erweiterung die aktualisierte Umgebung liest.

Windows (nur für die Sitzung):

set ANTHROPIC_BASE_URL=https://api.novita.ai/anthropic
set ANTHROPIC_AUTH_TOKEN=<Ihr Novita API-Schlüssel>
set ANTHROPIC_MODEL=deepseek/deepseek-v4-flash
set ANTHROPIC_SMALL_FAST_MODEL=deepseek/deepseek-v4-flash

Starten Sie VS Code nach dem Setzen aus derselben Shell. Die Erweiterung übernimmt die Variablen beim Start. Sie müssen sich nicht bei Anthropic anmelden – Novita übernimmt die Authentifizierung über den API-Schlüssel.

Ein Modell auswählen

ANTHROPIC_MODEL teilt Claude Code mit, welches Modell für primäre Aufgaben verwendet werden soll; ANTHROPIC_SMALL_FAST_MODEL steuert Hintergrundoperationen wie Dateizusammenfassungen. Jedes Modell, das über die LLM API von Novita AI verfügbar ist, kann hier festgelegt werden. Modelle, die häufig mit Claude Code auf Novita verwendet werden, sind DeepSeek V4 Flash, Kimi K2 und GLM-4.6 – jedes mit unterschiedlichen Kontextfenstergrößen, Preisen und Leistungsmerkmalen, abhängig von Ihrem Workload.

Um zum Standard-Anthropic-Routing zurückzukehren, setzen Sie die Umgebungsvariablen zurück:

unset ANTHROPIC_BASE_URL ANTHROPIC_AUTH_TOKEN ANTHROPIC_MODEL ANTHROPIC_SMALL_FAST_MODEL

Oder starten Sie VS Code aus einer Shell, in der diese Variablen nie gesetzt wurden.

PyCharm und JetBrains-Integration

Claude Code bietet ein offizielles Plugin für die JetBrains-Plattform, das PyCharm, IntelliJ IDEA, WebStorm, GoLand, Rider und die übrige JetBrains-Familie abdeckt.

Plugin installieren

Öffnen Sie Einstellungen → Plugins in Ihrer JetBrains IDE, wechseln Sie zur Registerkarte Marktplatz und suchen Sie nach Claude Code. Klicken Sie auf Installieren und starten Sie die IDE neu, wenn Sie dazu aufgefordert werden.

Alternativ laden Sie die Plugin-Datei von der JetBrains-Marktplatz-Website herunter und installieren Sie sie über Einstellungen → Plugins → Plugin von Datenträger installieren.

Erster Start

Nach der Installation erscheint das Claude Code-Panel je nach Layout in der IDE-Seitenleiste oder im Tool-Fensterbereich. Beim ersten Start wird eine Authentifizierung verlangt, identisch zu VS Code.

PyCharm zu Novita AI umleiten

Das JetBrains-Plugin liest dieselben Umgebungsvariablen wie die VS Code-Erweiterung und die CLI. Setzen Sie ANTHROPIC_BASE_URL, ANTHROPIC_AUTH_TOKEN, ANTHROPIC_MODEL und ANTHROPIC_SMALL_FAST_MODEL in Ihrem Shell-Profil vor dem Start der IDE, und das Plugin routet über Novita.

Wenn Sie PyCharm über einen Desktop-Launcher statt über ein Terminal starten (häufig unter macOS und Linux), erbt die IDE möglicherweise nicht Ihre Shell-Umgebung. Die zuverlässige Lösung ist eine projektbezogene .env-Datei oder das Setzen der Variablen in der Systemumgebung anstelle des Shell-Profils. Unter macOS insbesondere werden Variablen, die über launchctl setenv gesetzt werden, von GUI-Anwendungen gesehen.

IDE-Erweiterung vs. CLI: Wann verwendet man welche?

Die Erweiterung und die CLI teilen sich dieselbe Engine. Der praktische Unterschied liegt im Kontext und der Integration.

VS Code / JetBrains-Erweiterung CLI
Dateinavigation Klicken zum Öffnen, # zum Verweisen Liest aus dem aktuellen Arbeitsverzeichnis; Pfade explizit angeben
Diff-Prüfung Inline im Editor Terminalausgabe
Mehrere Projekte Ein Panel pro Fenster Separate Sitzungen pro Verzeichnis
CI/CD und Automatisierung Nicht geeignet -p-Flag für nicht-interaktive Batch-Ausführungen
Piping und Scripting Nicht unterstützt Vollständige Unix-Pipe-Unterstützung
Novita AI-Routing ANTHROPIC_BASE_URL-Umgebungsvariable Gleich

Die Erweiterung ist die bessere Wahl, wenn Ihr primärer Workflow das interaktive Bearbeiten von Code ist. Die CLI ist die richtige Wahl, wenn Sie Aufgaben automatisieren, Claude Code in Skripten ausführen, in CI integrieren oder auf dem Claude Code SDK aufbauen.

Novita AI Agent Sandbox

Wenn Sie von der interaktiven Entwicklung zu automatisierten Pipelines wechseln – Claude Code Agents kopflos ausführen, mehrere Agents gegen verschiedene Repositorys starten oder Evaluierungsumgebungen erstellen – bietet der Agent Sandbox von Novita AI isolierte Ausführungsumgebungen für das programmatische Ausführen von Agents. Jeder Sandbox ist eine Firecracker-gestützte VM, sodass Agents in Isolation laufen, ohne Ihren Entwicklungsrechner zu beeinträchtigen.

FAQ

Benötige ich ein kostenpflichtiges Anthropic-Abonnement, um die VS Code-Erweiterung zu nutzen?

Nein – wenn Sie die Erweiterung über ANTHROPIC_BASE_URL zu Novita AI umleiten, läuft die gesamte Abrechnung über Ihr Novita AI-Konto. Ein Anthropic-Konto ist nicht erforderlich und wird nicht abgerechnet.

Wie installiere ich die Claude Code VS Code-Erweiterung?

Öffnen Sie das Erweiterungs-Panel in VS Code (Strg+Umschalt+X), suchen Sie nach Claude Code (Herausgeber: Anthropic) und klicken Sie auf Installieren. Oder führen Sie code --install-extension Anthropic.claude-code in einem Terminal aus.

Funktioniert die Claude Code-Erweiterung in Cursor?

Cursor ist ein VS Code-Fork und unterstützt die meisten VS Code-Erweiterungen. Die Claude Code-Erweiterung lässt sich möglicherweise installieren, aber Cursor bietet bereits eine eigene integrierte Claude-Integration. Wenn beide gleichzeitig laufen, kann es zu doppelten Vorschlägen und konkurrierenden Authentifizierungsabläufen kommen. Die meisten Entwickler verwenden das eine oder das andere, nicht beides.

Gibt es eine Claude-Browser-Erweiterung?

Es gibt keine offizielle Claude-Browser-Erweiterung von Anthropic. Claude Code läuft als VS Code-Erweiterung, als JetBrains-Plugin, als CLI, als Desktop-App und über die Weboberfläche auf claude.ai/code – aber nicht als Browser-Erweiterung, die in beliebige Webseiten eingreift.

Wie wechsle ich Modelle, ohne VS Code neu zu starten?

Ändern Sie ANTHROPIC_MODEL in Ihrem Shell-Profil und öffnen Sie VS Code dann in einer neuen Terminalsitzung neu. Innerhalb einer laufenden VS Code-Sitzung gibt es keinen Modellwechsler im Panel – die Umgebungsvariable wird beim Start gelesen.

Kann ich verschiedene Modelle für verschiedene Projekte verwenden?

Ja. Setzen Sie ANTHROPIC_MODEL in einer projektbezogenen .env-Datei oder einer CLAUDE.md-Anweisung, oder verwenden Sie direnv, um Umgebungsvariablen auf bestimmte Verzeichnisse zu beschränken. Claude Code beachtet Umgebungswerte auf Sitzungsebene, sodass projektspezifisches Routing mit Standard-Dotfile-Tools möglich ist.

Wie unterscheidet sich die Integration von Claude mit VSCode von der Verwendung von Cline?

Cline ist eine Erweiterung, die VS Code in eine agentische Codierungsumgebung verwandelt, die jedes OpenAI-kompatible Backend verwendet. Claude Code ist der eigene Agent von Anthropic, verfügbar als VS Code-Erweiterung, mit eigenem Tool-Satz und Reasoning-Loop. Der wesentliche praktische Unterschied: Cline gibt Ihnen mehr Kontrolle darüber, welcher Anbieter und welches Modell die Schleife steuert, während Claude Code standardmäßig eng mit der Claude-Modellfamilie integriert ist – obwohl ANTHROPIC_BASE_URL es ermöglicht, es auf den kompatiblen Endpunkt von Novita AI umzuleiten.

Empfohlene Artikel