Studio Code

Questo testo è stato tradotto utilizzando l’IA. Se desideri visualizzare il testo originale in inglese, fai clic qui.

Studio Code è uno strumento di coding agentivo integrato nell’app desktop Studio e nella Studio CLI.

Ti offre una chat interattiva in cui puoi creare, personalizzare e gestire siti WordPress in modo conversazionale, creando temi e plugin, modificando file, eseguendo comandi WP-CLI, distribuendo anteprime e pubblicando il tuo sito.

Per iniziare

Studio Code è disponibile nell’app desktop Studio e come parte del pacchetto npm standalone Studio CLI.

Studio Code in Studio Desktop

Studio Code nell’app desktop Studio è integrato in un’interfaccia intuitiva e familiare e non richiede dipendenze npm.

Apri l’app desktop WordPress Studio, fai clic su un sito (o aggiungi un nuovo sito), quindi fai clic sulla scheda «Studio Code».

Studio Code in Studio CLI

Se hai l’app desktop Studio installata con la CLI abilitata, puoi utilizzare direttamente studio code dal terminale.

In alternativa, puoi eseguirlo direttamente con npx:

npx wp-studio@latest code

Puoi anche installarlo globalmente per utilizzare studio code direttamente:

npm i -g wp-studio@latest
studio code

Premi la freccia ↓ per lavorare nei tuoi siti Studio locali, oppure ↓ e → per lavorare nei tuoi siti connessi a WordPress.com o Jetpack.

Connessione a WordPress.com

Per impostazione predefinita, Studio Code utilizza l’infrastruttura di WordPress.com per generare risposte AI. Effettua l’accesso a WordPress.com per iniziare — nell’app desktop o nel terminale seguendo le istruzioni riportate di seguito:

1. Esegui studio code nel terminale.
2. Digita /login nella chat.
3. Si aprirà una finestra del browser. Effettua l’accesso al tuo account WordPress.com e approva la connessione.
4. Incolla il token di autorizzazione nel terminale per completare l’accesso.

In alternativa, puoi utilizzare la tua chiave API Anthropic digitando /api-key nella chat.

Utilizzare Studio Code

Digita la tua richiesta in linguaggio naturale e l’agente AI la eseguirà per te, creando file, eseguendo comandi e apportando modifiche al tuo sito.

Flussi di lavoro di esempio

Crea un nuovo sito e personalizzalo:

• Crea un nuovo sito WordPress chiamato “My Portfolio” con PHP 8.2
• Costruisci un tema in stile portfolio minimale con una schema dei colori scura
• Aggiungi una homepage con una sezione hero e una griglia di progetti

Condividi il tuo lavoro:

• Crea un sito di anteprima così posso condividerlo con il mio cliente
• Aggiorna il sito di anteprima con le mie ultime modifiche

Pubblica il tuo lavoro:

• Pubblica il sito “My Portfolio” su examplesite.com

L’agente può leggere e scrivere file nella directory del tuo sito, eseguire comandi WP-CLI, acquisire screenshot del tuo sito e pubblicare le modifiche su WordPress.com, il tutto in base alle tue istruzioni.

Comandi slash

Durante la chat, puoi utilizzare i comandi slash per azioni rapide:

Modelli AI

Studio Code supporta tre modelli AI:

• Claude Sonnet 4.6 (predefinito): veloce ed efficiente per la maggior parte delle attività
• Claude Opus 4.8: più capace per attività complesse e multi-step
• GPT 5.5: veloce ed efficiente per la maggior parte delle attività, utilizzando OpenAI

Cambia modello in qualsiasi momento:

• Desktop: selezionalo dal menu a discesa nella parte inferiore della chat
• Terminale: esegui il comando /model

Caricamenti

Carica immagini e file in Studio Code per utilizzarli nel tuo progetto:

• Desktop: trascina nella chat o fai clic sull’icona della graffetta
• Terminale: trascina nella chat o indica un file o una cartella locale specifica

Nuove conversazioni

Cancella la conversazione corrente e avviane una nuova:

• Desktop: fai clic sul pulsante «Nuova conversazione»
• Terminale: esegui il comando /clear

Indicazioni specifiche per il terminale

La versione da terminale di Studio Code offre alcune funzionalità aggiuntive:

Provider AI

Puoi scegliere come vengono generate le risposte AI:

• WordPress.com (predefinito): utilizza il tuo account WordPress.com. Non è necessaria alcuna configurazione aggiuntiva oltre all’accesso. I limiti cambieranno dopo l’accesso anticipato.
• Chiave API Anthropic: utilizza la tua chiave API per l’accesso diretto a Claude. Impostala con il comando /api-key.

Cambia provider con il comando /provider.

Sessioni

Studio Code salva automaticamente la cronologia delle conversazioni, così puoi riprendere da dove avevi interrotto.

Riprendere una sessione

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

Eliminare una sessione

studio code sessions delete                # Interactive picker

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

Disabilitare la registrazione delle sessioni

Se preferisci non salvare le conversazioni, utilizza il flag –no-session-persistence:

studio code --no-session-persistence

Riferimento comandi

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

Per l’elenco completo delle opzioni:

studio code --help