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 si basa sul progetto open source Code-OSS, supporta le estensioni IDE fornite con l'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 Code OSS (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 workstation dal browser.

    Vai a Cloud Workstations

Barra delle attività

La barra delle attività appare lateralmente 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: per visualizzare le cartelle e i file nell'area di lavoro corrente

  • Cerca: consente di cercare nei file una stringa o un'espressione regolare.

  • Controllo origine: 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: cerca in un catalogo di estensioni che aggiungono funzionalità aggiuntive al tuo IDE.

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

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

Visualizzare e modificare file

L'editor di codice integrato che ti consente di sfogliare le directory dei file e di visualizzare e modificare i file all'interno della tua 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 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 Code-OSS, utilizza uno dei seguenti metodi:

  • Trascina i file sopra la 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, quindi scegli Carica o Scarica.

    Figura 2. Fai clic con il tasto destro del mouse nella visualizzazione Explorer per caricare e scaricare i 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 segnalazione di errori descrittivi
  • Navigazione nel codice (vai a definizioni, dichiarazioni, riferimenti e implementazioni)
  • Supporto del debug intuitivo

Integrazione di Cloud Code

Cloud Code fornisce 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 durante le attività con esempi pronti per l'esecuzione, snippet di configurazione e un'esperienza di debug personalizzata.

Cloud Code si integra con Duet AI, un collaboratore basato su IA, per semplificare lo sviluppo. Utilizza Duet AI 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 progetti come aree di lavoro. Le aree di lavoro in genere 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 il progetto.

Per aprire una cartella come spazio 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 puoi utilizzare il parametro URL folder per specificare il percorso della cartella che vuoi 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 avvio, impostare punti di interruzione e ispezionare variabili, il tutto all'interno di 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 cloud provider.

Terminale integrato

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

  • Premi Control+.
  • Premi Ctrl+Shift+P (o Comando+Shift+P su macOS) oppure fai clic su Visualizza > Tavolozza comandi, quindi inserisci View: Toggle Terminal.
  • Seleziona Terminale > Nuovo terminale.
  • Seleziona Visualizza > Terminale.
  • Fai clic su aggiungiAggiungi 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 Cloud Workstations con terminale aperto

Gestisci e personalizza le schede dei terminali

Se apri più terminali, nella parte laterale della visualizzazione del terminale viene visualizzato un elenco di schede del terminale. Questo elenco contiene i nomi dei 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 il terminale nell'area dell'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

Far scorrere il display

Oltre a usare il mouse mentre lo stato attivo del browser è impostato su una scheda della 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 di Cloud Workstations e che rimangono nello spazio di archiviazione del browser per ogni istanza workstation.

  • Impostazioni area di lavoro: impostazioni archiviate all'interno di un'area di lavoro che si applicano solo quando l'area di lavoro viene aperta. 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 si riaprirà al suo interno. Nei caricamenti successivi della workstation, il browser presenta un'opzione per riaprirla nella PWA nella barra degli indirizzi.