⚫ OpenAI › 🦾 Codex › Codex in der IDE (VS Code & Co.)

Codex in der IDE (VS Code & Co.)

Digitales Pausenbrot · 22. Mai 2026

Die Extension für VS Code, Cursor, Windsurf und JetBrains — Pendant zur Claude-Code-Extension

1 Welche IDE wird unterstützt? ▾

Die Codex IDE-Extension läuft in:

  • Visual Studio Code — primär unterstützt, am besten dokumentiert
  • VS-Code-kompatible Editoren — Cursor, Windsurf
  • JetBrains-IDEs — IntelliJ IDEA, PyCharm, WebStorm, Rider

Plattformen: macOS, Windows, Linux.

Wann nimmst du die IDE-Variante statt Web?

  • Wenn du lokal an Dateien arbeitest und nicht jedes Mal die GitHub-Pipeline anwerfen willst.
  • Wenn du schnell zwischen eigenem Code und Codex-Vorschlägen wechseln willst.
  • Wenn du visuelle Diffs direkt im Editor sehen willst, bevor du etwas übernimmst.

Für Lehrpersonen, die schon mit VS Code Lehrmittel pflegen, ist die IDE-Extension der natürliche Einstieg.

Kein VS Code installiert? Lade es kostenlos auf code.visualstudio.com — die Codex-Extension ist ebenfalls gratis (du brauchst nur einen ChatGPT-Plan).
2 Installation & Anmeldung ▾

Wir gehen VS Code als Beispiel durch:

Schritt 1: Extension installieren

Öffne VS Code → Sidebar → Extensions (Cmd+Shift+X bzw. Ctrl+Shift+X) → suche «OpenAI Codex» → Install.

Nach der Installation erscheint das Codex-Symbol in der rechten Seitenleiste.

Schritt 2: Anmelden

Klicke auf das Codex-Symbol. Zwei Optionen:

  • Mit ChatGPT-Konto — empfohlen, nutzt deinen Plan (Plus/Pro/Business).
  • Mit API-Key — wenn du nur über API-Token abrechnen willst.

Schritt 3: Modell wählen

Oben im Side-Panel kannst du das Modell wechseln. Empfehlung:

  • GPT-5.3-Codex für Code-Aufgaben (spezialisiert).
  • GPT-5.4 für gemischte Aufgaben (Text + Code).
  • GPT-5.3-Codex-Spark für schnelle Iteration (Pro-Preview).
Screenshot: VS Code mit installierter Codex-Extension, das Codex-Side-Panel ist offen und das Modell-Dropdown zeigt die GPT-5-Varianten
Die Extension aktualisiert sich automatisch — neue Modelle und Features erscheinen ohne dein Zutun.
3 @file, /commands und Cloud-Delegation ▾

Drei Power-Features in der IDE:

1. @file-Referenzen

Im Codex-Chat tippst du @, dann den Dateinamen — z. B. @lehrmittel.md. Codex liest die Datei ein. Mehrere Dateien gleichzeitig sind möglich:

Vergleiche @niveau-leicht.md mit @niveau-erweitert.md. Welche Fachbegriffe fehlen im leichten Niveau?

2. Slash-Befehle

  • /review — Code-Review der aktuellen Datei
  • /test — Tests für die markierte Funktion schreiben
  • /explain — den markierten Code erklären (für Schüler:innen-Erklärungen sehr nützlich)
  • /model — Modell wechseln

3. Cloud-Delegation

Bei längeren Aufgaben klickst du auf «Run in the cloud». Codex schickt den Task in deine Cloud-Environment, du kannst lokal weiterarbeiten und siehst den Fortschritt im Side-Panel.

/explain auf markiertem Code gibt dir Erklärungen, die du 1:1 für Schüler:innen-Erklärungen übernehmen kannst.
4 Praxis: Bestehende HTML-Übung weiterentwickeln ▾

Realistisches Szenario:

Ausgangslage

Du hast eine HTML-Übung bruchrechnen.html in einem Ordner — eine einfache Multiple-Choice-Aufgabe.

Schritt 1: Ordner in VS Code öffnen

File → Open Folder → den Ordner auswählen. Im Codex-Side-Panel ist der Ordner als Kontext aktiv.

Schritt 2: Aufgabe an Codex

@bruchrechnen.html — erweitere die Übung: 5 zusätzliche Fragen einbauen, sofortiges Feedback nach jeder Antwort, am Ende ein Fortschrittsbalken. Style soll im selben Look bleiben.

Schritt 3: Diff prüfen

Codex zeigt den Diff direkt im Editor. Du siehst, welche Zeilen neu, geändert, gelöscht sind. Accept für alle Änderungen, oder Accept einzeln pro Hunk.

Schritt 4: Testen

HTML-Datei im Browser öffnen — die erweiterte Übung läuft sofort.

Das Ganze: 2 Minuten Arbeit deinerseits, 1 Minute Wartezeit auf Codex.

Screenshot: VS Code mit der bruchrechnen.html geöffnet, im Codex-Side-Panel ein Diff-Vorschlag, der die neuen Fragen einfügt
Bevor du «Accept All» klickst: einmal überfliegen, ob Codex versehentlich Inhalte gelöscht hat. Bei Unsicherheit: einzeln akzeptieren.

Quiz

1. Welche IDEs unterstützt die Codex-Extension?

  1. Ausschliesslich Visual Studio Code.
  2. VS Code, VS-Code-kompatible Editoren (Cursor, Windsurf) und JetBrains-IDEs (IntelliJ, PyCharm, WebStorm, Rider).
  3. Nur die JetBrains-Familie.
  4. Sublime Text und Atom.
Lösung anzeigen

Richtige Antwort: b) — Die Extension läuft in VS Code (primär), in VS-Code-Forks wie Cursor und Windsurf sowie in mehreren JetBrains-IDEs. Sublime/Atom werden nicht unterstützt.

2. Was bewirkt der Slash-Befehl <code>/explain</code> in der Codex-IDE-Extension?

  1. Codex schreibt automatisch Tests.
  2. Codex erklärt den markierten Code in verständlicher Sprache — direkt für Schüler:innen-Erklärungen brauchbar.
  3. Codex startet einen GitHub-Pull-Request.
  4. Codex wechselt das Modell.
Lösung anzeigen

Richtige Antwort: b) — <code>/explain</code> liefert eine natürlichsprachliche Erklärung des markierten Codes. Sehr nützlich, wenn du Schüler:innen einen Code-Ausschnitt erklären willst.

3. Wozu dient «Run in the cloud» in der IDE-Extension?

  1. Es lädt die Datei in einen externen Cloud-Speicher hoch.
  2. Es delegiert längere Aufgaben an eine Cloud-Environment, sodass du lokal weiterarbeiten kannst.
  3. Es ist ein Bezahlmodell-Wechsel von Plus zu Pro.
  4. Es verschlüsselt deinen Code, bevor Codex ihn sieht.
Lösung anzeigen

Richtige Antwort: b) — «Run in the cloud» schickt einen Task in deine Cloud-Environment. Du kannst lokal weiter im Editor arbeiten, während Codex in der Cloud längere Aufträge bearbeitet.