Studio Code

Dieser Text wurde mithilfe von KI übersetzt. Wenn du den Originaltext auf Englisch lesen möchtest, klicke hier.

Studio Code ist ein agentisches Coding-Tool, das in die Studio-Desktop-App und die Studio CLI integriert ist.

Es bietet dir einen interaktiven Chat, in dem du WordPress-Websites im Dialog erstellen, anpassen und verwalten kannst – Themes und Plugins erstellen, Dateien bearbeiten, WP-CLI-Befehle ausführen, Vorschauen bereitstellen und deine Website veröffentlichen.

Erste Schritte

Studio Code ist in der Studio-Desktop-App und als Teil des eigenständigen Studio CLI npm-Pakets verfügbar.

Studio Code in Studio Desktop

Studio Code in der Studio-Desktop-App ist in eine benutzerfreundliche, vertraute Oberfläche integriert und erfordert keine npm-Abhängigkeiten.

Öffne deine WordPress Studio-Desktop-App, klicke auf eine Website (oder füge eine neue Website hinzu) und klicke dann auf den Tab „Studio Code“.

Studio Code in Studio CLI

Wenn du die Studio-Desktop-App mit der aktivierten CLI installiert hast, kannst du studio code direkt im Terminal verwenden.

Alternativ kannst du es direkt mit npx ausführen:

npx wp-studio@latest code

Und du kannst es global installieren, um studio code direkt zu verwenden:

npm i -g wp-studio@latest
studio code

Drücke die Pfeiltaste ↓, um mit deinen lokalen Studio-Websites zu arbeiten, oder ↓ und →, um mit deinen WordPress.com- oder Jetpack-verbundenen Websites zu arbeiten.

Mit WordPress.com verbinden

Standardmäßig nutzt Studio Code die WordPress.com-Infrastruktur, um KI-Antworten zu generieren. Melde dich bei WordPress.com an, um loszulegen – in der Desktop-App oder in deinem Terminal, indem du den folgenden Anweisungen folgst:

1. Führe studio code in deinem Terminal aus.
2. Gib /login im Chat ein.
3. Ein Browserfenster wird geöffnet. Melde dich bei deinem WordPress.com-Konto an und genehmige die Verbindung.
4. Füge das Autorisierungstoken zurück in das Terminal ein, um die Anmeldung abzuschließen.

Alternativ kannst du deinen eigenen Anthropic-API-Schlüssel verwenden, indem du /api-key im Chat eingibst.

Studio Code verwenden

Gib deine Anfrage in natürlicher Sprache ein, und der KI-Agent führt sie für dich aus – erstellt Dateien, führt Befehle aus und nimmt Änderungen an deiner Website vor.

Beispiel-Workflows

Eine neue Website erstellen und anpassen:

• Erstelle eine neue WordPress-Website namens „My Portfolio“ mit PHP 8.2
• Erstelle ein minimalistisches Portfolio-Theme mit einem dunklen Farbschema
• Füge eine Startseite mit einem Hero-Bereich und einem Projektraster hinzu

Deine Arbeit teilen:

• Erstelle eine Vorschau-Website, damit ich sie mit meinem Kunden teilen kann
• Aktualisiere die Vorschau-Website mit meinen neuesten Änderungen

Deine Arbeit veröffentlichen:

• „My Portfolio“-Website auf examplesite.com veröffentlichen

Der Agent kann Dateien in deinem Website-Verzeichnis lesen und schreiben, WP-CLI-Befehle ausführen, Screenshots deiner Website erstellen und Änderungen auf WordPress.com übertragen – alles basierend auf deinen Anweisungen.

Slash-Befehle

Während des Chats kannst du Slash-Befehle für schnelle Aktionen verwenden:

KI-Modelle

Studio Code unterstützt drei KI-Modelle:

• Claude Sonnet 4.6 (Standard): schnell und effizient für die meisten Aufgaben
• Claude Opus 4.8: leistungsfähiger für komplexe, mehrstufige Aufgaben
• GPT 5.5: schnell und effizient für die meisten Aufgaben, basierend auf OpenAI

Wechsle das Modell jederzeit:

• Desktop: Wähle es im Dropdown-Menü am unteren Rand des Chats aus
• Terminal: Führe den Befehl /model aus

Uploads

Lade Bilder und Dateien in Studio Code hoch, um sie in deinem gesamten Projekt zu verwenden:

• Desktop: Ziehe Dateien in den Chat oder klicke auf das Büroklammer-Symbol
• Terminal: Ziehe Dateien in den Chat oder verweise auf eine bestimmte lokale Datei oder einen Ordner

Neue Unterhaltungen

Lösche deine Unterhaltung und starte eine neue:

• Desktop: Klicke auf die Schaltfläche „Neue Unterhaltung“
• Terminal: Führe den Befehl /clear aus

Terminal-spezifische Hinweise

Die Terminal-Version von Studio Code bietet einige zusätzliche Funktionen:

KI-Anbieter

Du kannst wählen, wie KI-Antworten generiert werden:

• WordPress.com (Standard): Verwendet dein WordPress.com-Konto. Über das Anmelden hinaus ist keine zusätzliche Einrichtung erforderlich. Die Limits werden sich nach dem Early Access ändern.
• Anthropic API-Schlüssel: Verwendet deinen eigenen API-Schlüssel für den direkten Zugriff auf Claude. Lege ihn mit dem Befehl /api-key fest.

Wechsle den Anbieter mit dem Befehl /provider.

Sitzungen

Studio Code speichert deinen Gesprächsverlauf automatisch, sodass du dort weitermachen kannst, wo du aufgehört hast.

Eine Sitzung fortsetzen

studio code sessions list                  # View all saved sessions

studio code sessions resume                # Interactive picker

studio code sessions resume latest         # Resume the most recent session

studio code sessions resume <id>           # Resume a specific session by ID

Eine Sitzung löschen

studio code sessions delete                # Interactive picker

studio code sessions delete <id>           # Delete a specific session

Sitzungsaufzeichnung deaktivieren

Wenn du Gespräche lieber nicht speichern möchtest, verwende das Flag –no-session-persistence:

studio code --no-session-persistence

Befehlsreferenz

studio code                                # Start a new chat session

studio code --path /path/to/site           # Start with a specific site directory

studio code --no-session-persistence       # Start without saving the session

studio code sessions list                  # List saved sessions

studio code sessions resume [id]           # Resume a session

studio code sessions delete [id]           # Delete a session

Für die vollständige Liste der Optionen:

studio code --help