Panoramica dell'editor di base

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

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

  1. Segui le istruzioni della guida rapida per creare una configurazione di workstation. Quando ti viene richiesto 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 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: consente di cercare 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 ed ispeziona le variabili

  • Estensioni: cerca in un catalogo di estensioni che aggiungono ulteriori funzionalità al tuo IDE.

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

  • Impostazioni: personalizza l'editor 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 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 vista 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 base Cloud Workstations

Caricare e scaricare file e directory

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

  • Trascina i file nella 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 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à linguistiche come:

  • Evidenziazione intelligente, suggerimenti di codice e completamenti basati sul contesto
  • Creazione tramite lint 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 fornisce il supporto IDE per l'intero ciclo di sviluppo delle applicazioni Kubernetes e Cloud Run, dalla creazione e dalla personalizzazione di una nuova applicazione, dalle applicazioni di esempio all'esecuzione dell'applicazione completa. Cloud Code ti supporta anche durante l'esecuzione, con esempi pronti per l'esecuzione, snippet di configurazione e un'esperienza di debug su misura.

Cloud Code si integra con Gemini, un collaboratore basato sull'AI, Utilizza 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 anche accedere ai comandi di Cloud Code 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 del controllo delle versioni

L'editor base di Cloud Workstations include un controllo della versione preconfigurato. Puoi inizializzare repository, differenziare gli stati dei file, eseguire lo stage, annullare lo stage e il commit delle modifiche. Puoi anche utilizzare repository pubblici, privati o 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. In genere, le aree di lavoro rappresentano la cartella principale del progetto e, con l'editor base di Cloud Workstations, puoi creare, aprire e salvare aree di lavoro e personalizzarle con impostazioni specifiche del 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 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 le variabili, il tutto all'interno di Cloud Workstations.

Inoltre, puoi eseguire il debug di 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 vista del terminale:

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

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

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

Gestione e personalizzazione delle schede del terminale

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

  • Quando selezioni un nome di 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 di terminale aggiuntive come Sposta 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

Fai scorrere il display

Oltre a utilizzare il mouse quando lo stato attivo del browser si trova su una scheda della sessione, puoi scorrere premendo Ctrl+Shift+Pagina su e Ctrl+Shift+Pagina giù su Windows e Linux (oppure Fn+Shift+Freccia su e Fn+Shift+Pagina giù su macOS).

Personalizza impostazioni

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

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

  • Impostazioni utente: impostazioni che vengono applicate 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 di workstation.

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

L'editor valuta rispettivamente ogni 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 usare la PWA:

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

A questo punto, la PWA dovrebbe essere installata e la workstation si riapre. Nei caricamenti successivi della workstation, il browser presenta nella barra degli indirizzi un'opzione per riaprirla nella PWA.