Studio Code

Dieser Text wurde mithilfe von KI übersetzt. Wenn Sie den Originaltext auf Englisch lesen möchten, klicken Sie hier.

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

Es bietet Ihnen einen interaktiven Chat, in dem Sie WordPress-Websites im Dialog erstellen, anpassen und verwalten können – Themes und Plugins erstellen, Dateien bearbeiten, WP-CLI-Befehle ausführen, Vorschauen bereitstellen und Ihre 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.

Öffnen Sie Ihre WordPress Studio-Desktop-App, klicken Sie auf eine Website (oder fügen Sie eine neue Website hinzu) und klicken Sie dann auf den Tab „Studio Code“.

Studio Code in Studio CLI

Wenn Sie die Studio-Desktop-App mit der aktivierten CLI installiert haben, können Sie studio code direkt im Terminal verwenden.

Alternativ können Sie es direkt mit npx ausführen:

npx wp-studio@latest code

Und Sie können es global installieren, um studio code direkt zu verwenden:

npm i -g wp-studio@latest
studio code

Drücken Sie die Pfeiltaste ↓, um mit Ihren lokalen Studio-Websites zu arbeiten, oder ↓ und →, um mit Ihren 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. Melden Sie sich bei WordPress.com an, um loszulegen – in der Desktop-App oder in Ihrem Terminal, indem Sie den folgenden Anweisungen folgen:

1. Führen Sie studio code in Ihrem Terminal aus.
2. Geben Sie /login im Chat ein.
3. Ein Browserfenster wird geöffnet. Melden Sie sich bei Ihrem WordPress.com-Konto an und genehmigen Sie die Verbindung.
4. Fügen Sie das Autorisierungstoken zurück in das Terminal ein, um die Anmeldung abzuschließen.

Alternativ können Sie Ihren eigenen Anthropic-API-Schlüssel verwenden, indem Sie /api-key im Chat eingeben.

Studio Code verwenden

Geben Sie Ihre Anfrage in natürlicher Sprache ein, und der KI-Agent führt sie für Sie aus – erstellt Dateien, führt Befehle aus und nimmt Änderungen an Ihrer 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

Ihre Arbeit teilen:

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

Ihre Arbeit veröffentlichen:

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

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

Slash-Befehle

Während des Chats können Sie 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

Wechseln Sie das Modell jederzeit:

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

Uploads

Laden Sie Bilder und Dateien in Studio Code hoch, um sie in Ihrem gesamten Projekt zu verwenden:

• Desktop: Ziehen Sie Dateien in den Chat oder klicken Sie auf das Büroklammer-Symbol
• Terminal: Ziehen Sie Dateien in den Chat oder verweisen Sie auf eine bestimmte lokale Datei oder einen Ordner

Neue Unterhaltungen

Löschen Sie Ihre Unterhaltung und starten Sie eine neue:

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

Terminal-spezifische Hinweise

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

KI-Anbieter

Sie können wählen, wie KI-Antworten generiert werden:

• WordPress.com (Standard): Verwendet Ihr 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 Ihren eigenen API-Schlüssel für den direkten Zugriff auf Claude. Legen Sie ihn mit dem Befehl /api-key fest.

Wechseln Sie den Anbieter mit dem Befehl /provider.

Sitzungen

Studio Code speichert Ihren Gesprächsverlauf automatisch, sodass Sie dort weitermachen können, wo Sie aufgehört haben.

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 Sie Gespräche lieber nicht speichern möchten, verwenden Sie 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