Panoramica dell'editor di base

Cloud Workstations include un editor di base predefinito che consente di scrivere, creare, testare, eseguire il debug e l'esecuzione delle applicazioni. L'editor di base è basato sul progetto open source Code-OSS, supporta le estensioni IDE fornite con Open VSX Registry e viene fornito con l'estensione IDE Cloud Code preinstallata.

Per iniziare a utilizzare l'editor di base di Cloud Workstations:

  1. Segui le istruzioni della guida rapida per creare una configurazione di workstation. Quando ti viene chiesto di selezionare Personalizzazione dell'ambiente, seleziona OSS di codice (predefinito) come editor di codice.
  2. Segui le istruzioni della guida rapida per creare una workstation utilizzando la configurazione appena creata.

  3. Nella console Google Cloud, vai alla pagina Cloud Workstations per avviare la tua workstation dal browser.

    Vai a Cloud Workstations

Barra delle attività

La barra delle attività è visualizzata di lato e puoi accedere alle visualizzazioni disponibili nell'editor di base di Cloud Workstations. Le visualizzazioni della Barra delle attività sono le seguenti:

  • Spazio di esplorazione: visualizza le cartelle e i file nell'area di lavoro corrente

  • Cerca: cerca una stringa o un'espressione regolare nei file.

  • Controllo del codice sorgente: gestisci i file delle applicazioni con il supporto Git dell'editor di base di Cloud Workstations

  • Debug: esegui il debug dell'applicazione impostando punti di interruzione e ispezionando le variabili

  • Estensioni: esegui ricerche in un catalogo di estensioni che aggiungono funzionalità aggiuntive al tuo IDE.

  • Cloud Code: crea ed esegui il deployment di applicazioni Google Cloud direttamente dall'IDE

  • Impostazioni: personalizza l'editor di base di Cloud Workstations in base al tuo flusso di lavoro

Visualizza e modifica file

L'editor di codice integrato che consente di sfogliare le directory dei file e di visualizzare e modificare i file all'interno della workstation.

Per lavorare con l'editor di base, segui questi passaggi:

  1. Utilizza la barra delle attività per passare da una visualizzazione all'altra.

  2. Utilizza l'Editor per visualizzare e modificare i file.

  3. Utilizza la visualizzazione Explorer per sfogliare le directory dei file, caricare e scaricare file, visualizzare l'anteprima delle applicazioni web su un'istanza di macchina virtuale di Cloud Workstations e visualizzare le statistiche sull'utilizzo.

    Figura 1. Editor di base di Cloud Workstations

Caricare e scaricare file e directory

Per caricare o scaricare file e directory nella visualizzazione Explorer Codice-OSS, utilizza uno dei seguenti metodi:

  • Trascina i file sulla visualizzazione Explorer per aggiungerli allo spazio di lavoro.

  • Vai ai file e alle directory che vuoi utilizzare, fai clic con il tasto destro del mouse e scegli Carica o Scarica.

    Figura 2. Fai clic con il tasto destro del mouse nella visualizzazione Explorer per caricare e scaricare file

Supporto dei linguaggi

L'editor di base di Cloud Workstations supporta linguaggi come Go, Python, Java, .NET Core e Node.js tramite estensioni, fornendo funzionalità di linguaggio come:

  • Evidenziazione intelligente, suggerimenti di codice e completamenti basati sul contesto
  • Linting e fornitura di errori descrittivi
  • Navigazione del codice (vai a definizioni, dichiarazioni, riferimenti e implementazioni)
  • Supporto intuitivo per il debug

Integrazione di Cloud Code

Cloud Code offre supporto IDE per l'intero ciclo di sviluppo delle applicazioni Kubernetes e Cloud Run, dalla creazione e personalizzazione di una nuova applicazione da applicazioni di esempio all'esecuzione dell'applicazione completata. Cloud Code ti supporta inoltre lungo il percorso con esempi pronti per l'esecuzione, snippet di configurazione e un'esperienza di debug personalizzata.

Cloud Code si integra con Gemini, un collaboratore basato sull'AI, per semplificare lo sviluppo. Usa Gemini per svolgere le attività in modo più efficace ed efficiente.

Cloud Code supporta lo sviluppo di applicazioni in Node.js, Python, Java, Go e .NET Core.

Oltre al menu Cloud Code disponibile nella barra di stato di Cloud Workstations, puoi accedere ai comandi Cloud Code anche tramite la tavolozza dei comandi. Per aprire la tavolozza dei comandi, premi Ctrl+Shift+P (o Comando+Shift+P su macOS) oppure fai clic su Visualizza > Tavolozza dei comandi.

Supporto per il controllo della versione

L'editor di base di Cloud Workstations include un controllo della versione preconfigurato. Puoi inizializzare i repository e differenziare gli stati dei file, nonché modificare lo stage, l'annullamento dello stage e il commit. Puoi anche utilizzare repository pubblici, privati o anche self-hosted, a condizione che i repository siano accessibili dalla workstation.

Gestione delle aree di lavoro

Con Cloud Workstations puoi gestire e configurare i tuoi progetti come aree di lavoro. In genere le aree di lavoro rappresentano la cartella principale del progetto e, con l'editor di base di Cloud Workstations, puoi creare, aprire e salvare aree di lavoro e personalizzarle con impostazioni specifiche per progetto.

Per aprire una cartella come area di lavoro, utilizza il menu nella parte superiore della barra delle attività e seleziona File > Apri cartella. In alternativa, puoi utilizzare le opzioni Apri file o Area di lavoro recente nella pagina di benvenuto dell'editor di base oppure il parametro URL folder per specificare il percorso della cartella da aprire, ad esempio &folder=/home/user/foo.

Applicazioni di debug

Cloud Workstations consente di eseguire il debug dell'applicazione con il supporto per le applicazioni Go, Node.js, Python e Java. Puoi creare configurazioni di lancio, impostare punti di interruzione ed esaminare le variabili, tutto in Cloud Workstations.

Inoltre, puoi eseguire il debug delle applicazioni Kubernetes su un cluster locale come minikube o Docker Desktop, un cluster remoto su GKE o qualsiasi altro provider cloud.

Terminale integrato

Puoi interagire con l'ambiente di sviluppo sottostante tramite il terminale integrato. Utilizza uno dei seguenti metodi per attivare/disattivare la vista terminale:

  • Premi Control+.
  • Premi Ctrl+Shift+P (o Comando+Shift+P su macOS) oppure fai clic su Visualizza > Tavolozza dei comandi, quindi premi View: Toggle Terminal.
  • Seleziona Terminale > Nuovo terminale.
  • Seleziona Visualizza > Terminale.
  • Fai clic su addAdd nell'elenco di schede Terminale.

Per aprire più finestre del terminale, fai clic su Dividi o premi Ctrl+Shift+5.

Editor di codice workstation
Figura 4. Interfaccia di Cloud Workstations con terminale aperto

Gestisci e personalizza le schede del terminale

Se apri più terminali, viene visualizzato un elenco di schede del terminale sul lato della visualizzazione dei terminali. Questo elenco contiene i nomi di terminali aperti.

  • Quando selezioni il nome di un terminale nell'elenco, vengono visualizzate le icone Dividi ed Elimina. Fai clic sulla rispettiva icona per dividere o eliminare una finestra del terminale.

  • Per visualizzare opzioni aggiuntive del terminale, come Sposta terminale nell'area editor, Rinomina, Cambia colore, Cambia icona e altre, fai clic con il tasto destro del mouse sul nome di un terminale.

    Elenco di schede del terminale
    Figura 5. Personalizza il tuo terminale

Fai scorrere il display

Oltre a usare il mouse mentre lo stato attivo del browser è impostato su una scheda di sessione, puoi scorrere premendo Ctrl+Shift+Pagina su e Ctrl+Shift+PaginaDn su Windows e Linux (oppure Fn+Shift+Freccia su e Fn+Maiusc+Freccia giù su macOS).

Personalizza impostazioni

Per personalizzare l'editor, l'interfaccia utente e il comportamento funzionale, l'editor di base di Cloud Workstations fornisce i seguenti ambiti per definire le impostazioni:

  • Impostazioni macchina: impostazioni che si applicano a livello globale quando ti connetti a un'istanza virtuale Cloud Workstations e che vengono visualizzate sulla workstation nel file $HOME/.codeoss-cloudworkstations/data/Machine/settings.json.

  • Impostazioni utente: impostazioni che si applicano a livello globale quando ti connetti a un'istanza virtuale Cloud Workstations e che rimangono nello spazio di archiviazione del browser per ogni istanza workstation.

  • Impostazioni dell'area di lavoro: impostazioni memorizzate all'interno di un'area di lavoro che si applicano solo all'apertura di quell'area di lavoro. Queste impostazioni vengono visualizzate insieme ai file dell'area di lavoro nel file $WORKSPACE_ROOT/.vscode/settings.json.

L'editor valuta rispettivamente ciascun ambito delle impostazioni.

Scorciatoie da tastiera

Poiché l'editor di base predefinito viene eseguito nel browser, alcune scorciatoie da tastiera potrebbero essere riservate dal browser e non acquisite dall'editor.

Per supportare tutte le scorciatoie da tastiera, l'editor di base predefinito raggruppa un'app web progressiva (PWA) che consente all'editor di acquisire queste scorciatoie.

Per utilizzare la PWA:

  1. Apri la Workstation nel browser.
  2. Fai clic sull'icona di installazione visualizzata nella barra degli indirizzi del browser.

A questo punto, è necessario installare la PWA e la workstation riapre. Durante i caricamenti successivi della workstation, il browser presenta un'opzione per riaprirla nella PWA nella barra degli indirizzi.