VIBE CODING
GUIDE7 min read

KI-Code-Assistenten auf dem Mac: Claude Code & Codex in VS Code installieren

Ein ausführlicher Guide zur Installation und Einrichtung von Claude Code und Codex in Visual Studio Code auf macOS. Optimieren Sie Ihren Workflow mit KI-Unterst

KICode-AssistentmacOSVS CodeClaude CodeCodexEntwicklungProduktivität

Als moderner Entwickler auf dem Mac suchen Sie stets nach Wegen, Ihren Workflow zu optimieren und die Produktivität zu steigern. Künstliche Intelligenz bietet hier enorme Potenziale, insbesondere im Bereich der Code-Generierung und -Analyse. Dieser Guide führt Sie detailliert durch die Installation und Einrichtung von zwei führenden KI-Code-Assistenten, Claude Code und Codex, in Visual Studio Code auf Ihrem macOS-System.

Wir konzentrieren uns auf eine pragmatische Anleitung, die Sie direkt in die Lage versetzt, diese mächtigen Tools zu nutzen – ohne unnötige Theorie, aber mit allen wichtigen Hinweisen für einen reibungslosen Start.


Wichtige Hinweise vor dem Start

Bevor Sie mit der Installation beginnen, beachten Sie bitte folgende Punkte:

  • Flexibilität der IDE: Obwohl diese Anleitung Visual Studio Code als Standard-IDE verwendet, da es ein sehr zugänglicher Startpunkt ist, gibt es auch andere Entwicklungsumgebungen, die mit diesen KI-Tools funktionieren könnten.
  • Abonnements: Wenn Sie lediglich einen der Assistenten testen möchten, genügt eine einzige monatliche Subskription: Entweder ChatGPT Plus für Codex oder Claude Pro für Claude Code. Beide Abonnements sind nur dann sinnvoll, wenn Sie die Tools direkt miteinander vergleichen möchten. Denken Sie daran, dass beide Modelle kostenpflichtig sind und Sie ein aktives Abo benötigen.
  • Fehlerbehebung: Sollten Sie auf Probleme stoßen, zögern Sie nicht, die Fehlermeldung direkt in ChatGPT oder Claude einzugeben. Diese KIs sind hervorragend darin, technische Probleme zu diagnostizieren und Lösungswege aufzuzeigen.

1. Das richtige Abonnement wählen

Der erste Schritt ist die Beschaffung der notwendigen Abonnements, um Zugriff auf die KI-Dienste zu erhalten:

  • Für Codex: Erwerben Sie ein ChatGPT Plus-Abonnement. Laut den offiziellen Informationen von OpenAI kostet dieses 20 $ pro Monat und beinhaltet den Zugang zu Codex über Ihr ChatGPT-Konto. ChatGPT Plus — справка OpenAI, Tarife ChatGPT
  • Für Claude Code: Schließen Sie ein Claude Pro-Abonnement ab. Anthropic gibt an, dass Claude Pro bei monatlicher Zahlung 20 $ pro Monat kostet und Claude Code umfasst. Tarife Claude

Für den Anfang reicht ein einzelnes Abonnement für einen Monat völlig aus. Wählen Sie basierend auf Ihren Präferenzen entweder ChatGPT Plus oder Claude Pro.

Wann sollten Sie beide Abonnements in Betracht ziehen?

Nur wenn Sie die Leistung und das Verhalten beider KI-Agenten bei realen Coding-Aufgaben vergleichen möchten. Nach einem Monat können Sie dann entscheiden, welche Lösung besser zu Ihnen passt.


2. Visual Studio Code installieren

Visual Studio Code ist eine beliebte und vielseitige Entwicklungsumgebung, die als Basis für die Integration dient. So installieren Sie sie:

  • Download: Laden Sie Visual Studio Code von der offiziellen Website herunter.
  • Architektur: Wählen Sie die passende Version für Ihr macOS: Apple silicon für Macs mit M1/M2/M3/M4-Chips oder Intel für ältere Intel-basierte Modelle. Im Zweifelsfall ist die Universal-Version eine sichere Wahl.
  • Installation: Ziehen Sie die heruntergeladene Visual Studio Code.app in den Applications-Ordner und starten Sie die Anwendung.
  • Sicherheitsabfrage: Beim ersten Start fragt macOS möglicherweise nach einer Bestätigung zum Öffnen der aus dem Internet heruntergeladenen App. Dies ist ein Standard-Sicherheitsfeature und kann bestätigt werden.

3. Claude Code installieren (falls gewählt)

Falls Sie sich für Claude Code entschieden haben, folgen Sie diesen Schritten zur Installation in VS Code:

  • Terminal öffnen: Starten Sie VS Code und öffnen Sie das integrierte Terminal über ViewTerminal oder mit der Tastenkombination Cmd+J. (Beachten Sie, dass in macOS Ctrl+. nicht standardmäßig das Terminal öffnet, sondern oft Cmd+J genutzt wird oder die Option im Menü Terminal -> New Terminal).

  • Installationsbefehl: Führen Sie den offiziellen Installationsbefehl im Terminal aus:

    curl -fsSL https://claude.ai/install.sh | bash
  • Claude starten: Nach erfolgreicher Installation starten Sie Claude Code im Terminal innerhalb von VS Code mit dem Befehl claude.

  • Integration: Claude Code wird Sie proaktiv durch den Prozess führen, um die Integration mit VS Code einzurichten und das notwendige Erweiterungspaket zu installieren.

  • Neustart: Sollte die Claude Code-Seitenleiste nicht sofort erscheinen, starten Sie VS Code neu oder verwenden Sie den Befehl Developer: Reload Window in der Befehlspalette (Cmd+Shift+P).

Hinweis: Auf dem Mac ist der CLI-Ansatz oft der komfortabelste Weg, da Anthropic Szenarien beschreibt, in denen der claude-Befehl die VS Code-Integration automatisch herstellt. Weitere Informationen finden Sie unter Claude Code overview, Claude Code in VS Code, Claude Code setup.


4. In Claude Code in VS Code anmelden

Nach der Installation müssen Sie sich bei Ihrem Anthropic-Konto anmelden:

  • Claude Code Panel: Öffnen Sie das Claude Code Panel in der Seitenleiste von VS Code, falls es sich nicht automatisch nach dem claude-Befehl geöffnet hat.
  • Anmelden: Claude Code fordert Sie zur Anmeldung bei Ihrem Anthropic-Konto auf. Klicken Sie auf Sign in.
  • Autorisierung: Melden Sie sich in dem Konto an, in dem Ihr Claude Pro-Abonnement aktiv ist.
  • Testanfrage: Nach der Rückkehr zu VS Code öffnen Sie einen beliebigen Projektordner und senden Sie eine einfache Testanfrage, zum Beispiel: „Sieh dir das Projekt an und erkläre kurz, was sich hier befindet.“
  • Berechtigungen: Wenn Claude Code Berechtigungen für Aktionen im Projekt anfordert, lesen Sie diese sorgfältig durch und erteilen Sie keine unnötigen Zugriffe.

5. Codex installieren (falls gewählt)

Wenn Sie sich für Codex entschieden haben, gehen Sie wie folgt vor, um es in VS Code zu installieren:

  • Erweiterungen: Öffnen Sie erneut den Extensions-Bereich (Cmd+Shift+X) in VS Code.
  • Suche: Geben Sie „Codex“ in das Suchfeld ein.
  • Installation: Installieren Sie die offizielle Codex-Erweiterung für VS Code. Codex IDE extension — offizielle Dokumentation OpenAI, Schnellstart Codex
  • Neustart: Falls die Seitenleiste nicht sofort erscheint, starten Sie den Editor neu.

6. In Codex in VS Code anmelden

Um Codex nutzen zu können, müssen Sie sich mit Ihrem ChatGPT-Konto anmelden:

  • Codex Panel: Öffnen Sie das Codex Panel in der Seitenleiste von VS Code.
  • Anmeldeoptionen: Beim ersten Start bietet die Erweiterung die Anmeldung über Ihr ChatGPT-Konto oder mit einem API-Schlüssel an.
  • Anmeldung: Der einfachste Weg ist die Anmeldung über Ihr ChatGPT-Konto, sofern Sie darüber Zugang zu Codex haben. Ein API-Schlüssel ist nur für separate API-Konfigurationen erforderlich. Klicken Sie auf Sign in.
  • Autorisierung: Melden Sie sich in Ihrem ChatGPT-Konto an und kehren Sie zu VS Code zurück.
  • Testaufgabe: Öffnen Sie ein Projekt und stellen Sie eine Testaufgabe, zum Beispiel: „Finde potenzielle Einstiegspunkte im Projekt und beschreibe kurz die Struktur.“

Hinweis: Die Unterstützung von Codex für VS Code auf dem Mac ist standardmäßig gegeben; die offizielle OpenAI-Dokumentation listet macOS als eine der primär unterstützten Plattformen für die IDE-Erweiterung auf.


7. Schnelle Überprüfung nach der Installation

Nachdem Sie die gewünschten KI-Assistenten installiert und eingerichtet haben, ist ein kurzer Funktionstest empfehlenswert:

  • Testprojekt: Öffnen Sie einen Testordner in VS Code.
  • Einzelner Assistent: Wenn Sie nur ein Tool installiert haben, bitten Sie es, die Projektstruktur zu beschreiben, Hauptdateien zu identifizieren oder einen kleinen, harmlosen Refactoring-Vorschlag zu machen, der keine Logik ändert.
  • Beide Assistenten: Wenn Sie sowohl Claude Code als auch Codex installiert haben, stellen Sie ihnen dieselbe einfache und sichere Frage. Vergleichen Sie nicht nur die Qualität der Antworten, sondern auch, wie der Agent seinen Plan darlegt, Bestätigungen anfordert, Änderungen erklärt und sich in der IDE verhält.
  • Vorsicht beim Start: Beginnen Sie nicht sofort mit komplexen Aufgaben wie „Schreibe das halbe Projekt neu“. Starten Sie mit kleinen Aufgaben, um ein Gefühl für die Kontrolle und das Verhalten der KI zu bekommen.

Kurze Anmerkungen

  • Abonnementtyp: Die in dieser Anleitung beschriebenen Abonnements werden als Web-Produkte erworben, nicht über API-Zugänge.
  • Aktualität: Beachten Sie, dass sich die Funktionen und Leistungsgrenzen der Dienste ändern können. Es ist immer ratsam, vor größeren Einsätzen die offiziellen Tarifseiten erneut zu prüfen.
  • Oberflächenabweichungen: Sollten sich Schaltflächen oder Benutzeroberflächen leicht von der Beschreibung unterscheiden, orientieren Sie sich am Gesamtprozess: Erweiterung installieren → Panel öffnen → Anmelden → Autorisieren → Zurück zu VS Code.

Tipp für den Leser: Wenn ein Schritt nicht funktioniert, verzweifeln Sie nicht! Kopieren Sie die Fehlermeldung und fragen Sie ChatGPT oder Claude, was die Fehlermeldung bedeutet und welche Schritte Sie als Nächstes zur Fehlerbehebung unternehmen sollten.


Offizielle Links