Esaminare l'interfaccia utente di Visual Studio Code
Essenzialmente, Visual Studio Code è un editor di codice, con un'interfaccia utente e un layout simile a molti altri editor di codice. Sul lato sinistro dell'interfaccia è presente una barra laterale che si usa per accedere ai file e alle cartelle nel progetto di codice. Sul lato destro è presente un'area dell'editor che visualizza i contenuti dei file dell'applicazione.
Esaminare le aree principali dell'interfaccia utente
Il diagramma seguente illustra le sei sezioni principali presenti nell'interfaccia utente di Visual Studio Code.
A: la barra attività è la barra verticale stretta situata sul lato sinistro della finestra. La barra attività consente di passare da una vista all'altra, ad esempio Esplora o Estensioni, e offre altri indicatori specifici del contesto.
B: la barra laterale contiene visualizzazioni che offrono strumenti e risorse. Le visualizzazioni della barra laterale (ad esempio ESPLORA RISORSE) sono molto utili quando si lavora su un progetto di codice.
C: l'editor è l'area usata per modificare i propri file. È possibile aprire il numero di editor desiderati affiancati verticalmente e orizzontalmente.
D: l'area pannello viene usata per visualizzare pannelli diversi sotto l'area dell'editor per l'output o le informazioni di debug, errori e avvisi o un terminale integrato.
E: la barra di stato è la barra orizzontale lungo la parte inferiore della finestra che mostra le informazioni sul progetto aperto e sui file modificati.
F: il menu principale è l'interfaccia del menu nella parte superiore della finestra dell'applicazione. Le opzioni di menu consentono di salvare, modificare ed eseguire il codice e molto altro.
Man mano che si diventa più esperti con Visual Studio Code, si lavora nelle aree dello schermo descritte. Per iniziare, tuttavia, le aree più importanti da ricordare sono la barra attività, la barra laterale e l'editor. La barra attività è la posizione in cui si seleziona l'attività da eseguire. La barra laterale visualizza strumenti e opzioni e l'editor visualizza le informazioni modificate, in genere il codice.