Esercizio - Esplorare l'interfaccia utente di Visual Studio Code
Visual Studio Code offre strumenti per gli sviluppatori che stanno iniziando, ma è anche estendibile e abbastanza avanzato per gli sviluppatori professionisti.
In questo esercizio si apre Visual Studio Code e si completa una breve panoramica dell'interfaccia utente.
Aprire Visual Studio Code ed esaminare la pagina iniziale
Usare il menu Start di Windows per aprire Visual Studio Code.
Se si apre il menu Start di Windows, visual Studio Code dovrebbe essere elencato come applicazione aggiunta di recente. È anche possibile scorrere verso il basso per trovare Visual Studio Code.
Un'altra opzione consiste nel digitare Visual Studio Code nella casella Di ricerca di Windows nella barra di avvio nella parte inferiore della schermata.
Si noti che Visual Studio Code si apre in una pagina "Benvenuto" che include alcuni collegamenti e altre informazioni.
La prima volta che si apre Visual Studio Code, nella pagina iniziale vengono visualizzate alcune procedure dettagliate utili, ad esempio il contenuto Introduzione a VS Code . È possibile esaminare queste informazioni nel vostro tempo libero un altro tempo.
Per chiudere la pagina iniziale, selezionare il pulsante Chiudi (visualizzato come X nell'interfaccia).
Ogni pagina aperta nell'editor include un pulsante Chiudi (X) a destra del titolo della pagina. La scheda Pagina iniziale viene visualizzata nella parte superiore sinistra della finestra di Visual Studio Code, sotto il menu principale. Se si passa il puntatore del mouse sulla X, viene visualizzata la parola Chiudi .
Esaminare la barra attività e la barra laterale
Si noti che la barra laterale a destra della barra attività è compressa.
È possibile ricordare che la barra attività è l'elenco verticale di icone all'estrema sinistra della finestra di Visual Studio Code. Il contenuto della barra laterale dipende da ciò che è attualmente selezionato dalla barra attività.
Posizionare il puntatore del mouse sulla barra attività e quindi posizionare il puntatore del mouse su ognuna delle icone per visualizzare le etichette.
Quando si passa il puntatore del mouse sulle icone viene visualizzata un'etichetta. Nella figura seguente dovrebbero essere visualizzati i pulsanti della barra attività:
Dall'alto verso il basso, le icone della barra attività sono: Explorer, Search, Source Control, Run and Debug, Extensions, Accounts e Manage.
Nella barra delle attività selezionare Esplora risorse.
La barra laterale deve aprire e visualizzare informazioni contestuali.
Si noti che la barra laterale è ora etichettata EXPLORER.
La visualizzazione EXPLORER viene usata per accedere/esplorare cartelle di progetto e file di codice.
Visual Studio Code ricorderà la cronologia di lavoro e aprirà i file di progetto più recenti all'apertura. Poiché è la prima volta che si apre Visual Studio Code, non viene aperta alcuna cartella di progetto.
Nella barra delle attività selezionare Estensioni.
Si noti che la barra laterale è ora denominata EXTENSIONS.
Esaminare le informazioni visualizzate nella visualizzazione EXTENSIONS .
Le estensioni di Visual Studio Code consentono di aggiungere linguaggi di codifica, debugger e altri strumenti all'ambiente nel supporto del flusso di lavoro di sviluppo. Più avanti in questo modulo verrà installata un'estensione C#.
Sulla barra attività selezionare Estensioni per chiudere la barra laterale EXTENSIONS.
Esaminare le opzioni di menu principali
Per visualizzare le opzioni del menu File, selezionare File.
Si notino le opzioni Nuovo, Apri, Salva e Chiudi elencate nel menu File .
Esaminare le opzioni di menu Modifica e quindi ognuna delle altre voci di menu di primo livello.
Si noti che diversi menu includono opzioni per interagire con il codice.
Per esempio:
- Il menu Modifica include opzioni per trovare, sostituire e attivare o disattivare i commenti di codice, nonché il taglio standard, copiare, incollare, annullare e ripetere.
- Il menu Selezione include opzioni per la selezione e la modifica delle righe di codice.
- Il menu Esegui include opzioni per l'esecuzione e il debug dell'applicazione.
Dal menu Terminale scegliere Nuovo terminale.
Esaminare il contenuto del pannello Terminale.
È possibile passare dalle schede (PROBLEMI, OUTPUT, CONSOLE DI DEBUG e TERMINALE) e passare il puntatore del mouse sui pulsanti (in alto a destra) per visualizzare le etichette dei pulsanti.
Si noti che il pannello Terminale include un prompt dei comandi.
Il pannello Terminale può essere usato per eseguire i comandi dell'interfaccia della riga di comando. I comandi dell'interfaccia della riga di comando di .NET verranno usati più avanti in questo modulo.
Nell'angolo superiore destro del pannello Terminale selezionare X (Chiudi pannello).
Scegliere Riquadro comandi dal menu Visualizza.
Il riquadro comandi può essere usato per trovare ed eseguire tutti i tipi di comandi utili. Non si ha il tempo (o la necessità) di esaminarli in dettaglio ora, ma è bene sapere dove trovare il riquadro comandi.
Al prompt dei comandi digitare estensioni
Si noti che l'elenco dei comandi viene filtrato in base alla voce.
Per aggiornare l'elenco filtrato dei comandi, modificare le estensioni per facilitare
Nell'elenco delle opzioni di comando selezionare Guida: Interactive Editor Playground.
Il documento Editor Playground visualizzato nell'editor include un elenco di attività interattive.
Nell'elenco puntato delle attività interattive selezionare Formattazione.
Leggere le opzioni di formattazione.
Si useranno i comandi di formattazione del codice durante le attività mentre si apprenderanno altre informazioni sulla programmazione C#.
Chiudere il documento Editor Playground.
Questa operazione completa la presentazione dell'interfaccia utente di Visual Studio Code. Dopo aver iniziato a scrivere codice, i materiali di training continuano a indicare i modi in cui Visual Studio Code può contribuire a migliorare la produttività.