VS Code-Integration
Verwenden Sie die Claude Code-Erweiterung und GitHub Copilot Custom Endpoints in VS Code: Installation der Erweiterung, die primaryApiKey-Konfiguration und das Verbinden von QCode über chatLanguageModels.json
Auf dieser Seite
Zuletzt überprüft: 2026-09-18 · 📄 Laut offizieller Dokumentation (VS Code 1.138.0, veröffentlicht am 2026-09-16)
Auf einen Blick¶
| Punkt | Details |
|---|---|
| Verfügbare Modelle | Claude ✅ (Erweiterung über Anthropic-Protokoll / Copilot über Messages) · GPT ✅ · Chinesische Modelle ✅ (Copilot Custom Endpoint) · Gemini ❌ |
| Protokoll & Base-URL | Claude Code-Erweiterung: Umgebungsvariablen mit https://api.qcode.cc/api · Copilot: vollständige URLs in chatLanguageModels.json |
| Konfigurationsort | ~/.claude/config.json + Umgebungsvariablen; Copilot verwendet chatLanguageModels.json |
| Offizielle Dokumentation | Claude Code-Erweiterung · Sprachmodelle |
Sie nutzen Trae IDE? Trae ist ein VS Code-Fork, daher lassen sich die meisten Schritte hier direkt übernehmen. Trae-spezifische Details — Marktplatz-Unterschiede, Offline-Installation über
.vsix, Zusammenspiel mit Traes integrierter KI — finden Sie im Trae-Integrationsleitfaden.
Zusätzlich zur Verwendung von Claude Code CLI im Terminal können Sie die VS Code-Erweiterung nutzen, um direkt im Editor auf Claude Code zuzugreifen und so eine bequemere Entwicklungsumgebung zu erhalten.
Voraussetzungen¶
Bevor Sie die VS Code-Erweiterung konfigurieren, stellen Sie sicher:
-
Claude Code CLI ist installiert und funktioniert
-
Siehe Installationsanleitung zur Installation
-
Siehe Umgebungskonfiguration zur Einrichtung
-
VS Code-Version >= 1.98.0
Installationsschritte¶
Schritt 1: VS Code installieren¶
Falls VS Code nicht installiert ist, besuchen Sie die VS Code-Website, um VS Code herunterzuladen und zu installieren.
Schritt 2: Claude Code-Erweiterung installieren¶
In VS Code:
-
Öffnen Sie das Erweiterungen-Panel (
Ctrl+Shift+X/Cmd+Shift+X) -
Suchen Sie nach „Claude Code for VS Code“
-
Klicken Sie auf Installieren
Alternativ können Sie die Erweiterung über die Kommandozeile installieren:
code --install-extension anthropic.claude-code
Schritt 3: primaryApiKey konfigurieren¶
Dies ist ein entscheidender Schritt! Die Claude Code-Erweiterung benötigt primaryApiKey in der Konfigurationsdatei.
Windows¶
Bearbeiten oder erstellen Sie die Konfigurationsdatei C:\Users\YourUsername\.claude\config.json:
{
"primaryApiKey": "qcode"
}
macOS¶
Bearbeiten oder erstellen Sie die Konfigurationsdatei ~/.claude/config.json:
# Create directory (if it doesn't exist)
mkdir -p ~/.claude
# Create config file
cat > ~/.claude/config.json << 'EOF'
{
"primaryApiKey": "qcode"
}
EOF
Linux¶
Bearbeiten oder erstellen Sie die Konfigurationsdatei ~/.claude/config.json:
# Create directory (if it doesn't exist)
mkdir -p ~/.claude
# Create config file
cat > ~/.claude/config.json << 'EOF'
{
"primaryApiKey": "qcode"
}
EOF
Hinweis: Der Wert von
primaryApiKeykann beliebig sein (z. B.qcode). Sie müssen lediglich dieses Feld konfigurieren. Die tatsächliche API-Authentifizierung erfolgt weiterhin über dasANTHROPIC_AUTH_TOKEN, das Sie in den Umgebungsvariablen festgelegt haben.Wichtig: Die Konfigurationsdatei heißt
config.json, NICHTsettings.json. Bitte unterscheiden Sie sorgfältig zwischen diesen beiden Dateien.
Schritt 4: VS Code neu starten¶
Nach der Konfiguration starten Sie VS Code neu, damit die Änderungen wirksam werden.
Verwendung¶
Tastenkombinationen¶
| Tastenkombination | Funktion |
|---|---|
Cmd+Esc / Ctrl+Esc |
Claude Code-Panel öffnen/schließen |
Cmd+Shift+P / Ctrl+Shift+P |
Befehlspalette öffnen, nach Claude-Befehlen suchen |
Häufige Funktionen¶
-
Code-Erklärung
-
Code markieren
- Rechtsklick und „Ask Claude“ wählen oder die Tastenkombination verwenden
-
Ihre Frage eingeben, z. B. „Erkläre diesen Code“
-
Code-Generierung
-
Claude-Panel öffnen
- Die gewünschte Funktion beschreiben
-
Claude generiert den Code und bietet Optionen zum Einfügen an
-
Code-Refactoring
-
Den zu refaktorierenden Code markieren
- Claude um Hilfe beim Refactoring bitten
-
Änderungen in der Vorschau ansehen und anwenden
-
Fehlerbehebung
-
Wenn der Code Fehler enthält
- Den fehlerhaften Code oder die Fehlermeldung markieren
- Claude bitten, den Fehler zu analysieren und Korrekturen vorzuschlagen
Konfigurationsoptionen¶
In den VS-Code-Einstellungen können Sie das Verhalten der Claude-Code-Erweiterung konfigurieren:
-
Öffnen Sie die Einstellungen (
Ctrl+,/Cmd+,) -
Suchen Sie nach „Claude Code“
-
Passen Sie die Optionen nach Bedarf an
Häufige Einstellungen¶
{
"claude-code.autoSuggest": true,
"claude-code.inlineChat": true
}
Nutzung mit dem Terminal-CLI¶
Die VS-Code-Erweiterung und das Terminal-CLI lassen sich gemeinsam verwenden:
| Szenario | Empfohlenes Tool |
|---|---|
| Schnelle Code-Änderungen | VS-Code-Erweiterung |
| Komplexe Projektanalyse | Terminal-CLI |
| Code-Review | Beides möglich |
| Git-Operationen | Terminal-CLI |
| Dateigenerierung | Beides möglich |
Benutzerdefinierte GitHub-Copilot-Endpunkte¶
Seit VS Code 1.122 können Sie mit dem integrierten Copilot Custom Endpoint die Protokollzugänge von QCode direkt in Copilot einbinden (Claude nur über messages, url erwartet den vollständigen Pfad). Minimale Konfiguration:
[
{ "name": "QCode Claude", "vendor": "customendpoint", "apiKey": "cr_your-QCode-key",
"apiType": "messages",
"url": "https://api.qcode.cc/api/v1/messages",
"toolCalling": true,
"models": [ { "id": "claude-sonnet-5" } ] }
]
Die vollständige Einrichtung aller drei Zugänge, Copilot CLI BYOK und bekannte Einschränkungen (Inline-Vervollständigungen laufen weiterhin über GitHub) finden Sie auf der eigenen Seite: GitHub-Copilot-Integration.
Fehlerbehebung¶
Erweiterung startet nicht¶
-
Vergewissern Sie sich, dass das Claude Code CLI korrekt installiert ist
-
Prüfen Sie die Konfiguration der Umgebungsvariablen
-
Stellen Sie sicher, dass das Format der Datei
config.jsonkorrekt ist
Fehler bei primaryApiKey¶
-
Vergewissern Sie sich, dass der Dateipfad korrekt ist:
-
Windows:
C:\Users\YourUsername\.claude\config.json -
macOS/Linux:
~/.claude/config.json -
Vergewissern Sie sich, dass es sich um
config.jsonund nicht umsettings.jsonhandelt -
Vergewissern Sie sich, dass das JSON-Format gültig ist
Verbindungs-Timeout¶
-
Prüfen Sie Ihre Netzwerkverbindung
-
Überprüfen Sie die Umgebungsvariable
ANTHROPIC_BASE_URL -
Führen Sie
claudeim Terminal aus, um zu prüfen, ob das CLI funktioniert
Nächste Schritte¶
-
Entdecken Sie die CLI-Tipps, um effizienter zu arbeiten
-
Lernen Sie die Workflow-Tipps kennen, um Ihren Entwicklungsablauf zu optimieren