Esercitazione: Impara a usare l'editor di codice con Visual Basic

In questa esercitazione si proverà l'editor di codice in Visual Studio. Si aggiungerà codice a un file per apprendere alcuni dei modi in cui Visual Studio semplifica la scrittura, lo spostamento e la comprensione del codice Visual Basic.

Questo articolo presuppone che tu abbia già familiarità con Visual Basic. Se non lo sei, potresti voler iniziare con un tutorial come Creare una semplice app console di Visual Basic (VB).

Per completare questa esercitazione, assicurarsi di avere selezionato le impostazioni di Visual Basic per Visual Studio. Per informazioni sulla selezione delle impostazioni per l'ambiente di sviluppo integrato , vedere Selezionare le impostazioni di ambiente.

Se non hai ancora installato Visual Studio, vai alla pagina di download di Visual Studio per installarlo gratuitamente.

Creare un file di codice

Per iniziare, creare un file e aggiungervi codice.

  1. Apri Visual Studio. Premere esc o selezionare Continua senza codice nella finestra iniziale per aprire l'ambiente di sviluppo.

  2. Nella barra dei menu File selezionare Nuovo file.

  3. Nella finestra di dialogo Nuovo file, nella categoria generale selezionare classe Visual Basic e quindi selezionare Apri.

    Viene aperto un nuovo file nell'editor con lo scheletro di una classe Visual Basic. È già possibile notare che non è necessario creare un progetto di Visual Studio completo per ottenere alcuni dei vantaggi offerti dall'editor di codice, ad esempio l'evidenziazione della sintassi. Tutto quello che serve è un file di codice.

    Screenshot di un nuovo file di classe Visual Basic nell'editor di codice di Visual Studio.

  1. Apri Visual Studio. Premere esc o selezionare Continua senza codice nella finestra iniziale per aprire l'ambiente di sviluppo.

  2. Nella barra dei menu File selezionare Nuovo file.

  3. Nella finestra di dialogo Nuovo file, nella categoria generale selezionare classe Visual Basic e quindi selezionare Apri.

    Viene aperto un nuovo file nell'editor con lo scheletro di una classe Visual Basic. È già possibile notare che non è necessario creare un progetto di Visual Studio completo per ottenere alcuni dei vantaggi offerti dall'editor di codice, ad esempio l'evidenziazione della sintassi. Tutto quello che serve è un file di codice.

    Screenshot di un nuovo file di classe Visual Basic nell'editor di codice di Visual Studio.

Usare frammenti di codice

Visual Studio offre frammenti di codice che è possibile usare in modo rapido e semplice per generare blocchi di codice usati frequentemente. frammenti di codice sono disponibili per vari linguaggi di programmazione, tra cui Visual Basic, C# e C++. A questo punto aggiungi al file il frammento di codice Sub di Visual Basic .

  1. Posizionare il cursore sopra la riga End Classe digitare sub.

    Viene visualizzata una finestra di dialogo popup con informazioni sulla parola chiave Sub e su come inserire il frammento di codice Sub.

    Screenshot di IntelliSense per un frammento di codice Sub in Visual Studio.

  2. Premere Tab due volte per inserire il frammento di codice.

    La struttura della routine Sub MySub() viene aggiunta al file.

I frammenti di codice disponibili variano per i diversi linguaggi di programmazione. È possibile esaminare i frammenti di codice disponibili per Visual Basic scegliendo Modifica>IntelliSense>Inserisci frammento oppure premere CTRL+K, CTRL+X). Per Visual Basic, i frammenti di codice sono disponibili per le categorie seguenti:

Screenshot della finestra Inserisci frammento con un elenco di cartelle di categoria che contengono frammenti di codice Visual Basic.

Sono disponibili frammenti di codice per determinare se un file esiste nel computer, scrivere in un file di testo, leggere un valore del Registro di sistema, eseguire una query SQL o creare un For Each... L'istruzione successivae molte altre.

  1. Posizionare il cursore sopra la riga End Classe digitare sub.

    Viene visualizzata una finestra popup con informazioni sulla parola chiave Sub e su come inserire il frammento di codice Sub.

    Screenshot di IntelliSense per un frammento di codice secondario in Visual Studio.

  2. Selezionare Tab due volte per inserire il frammento di codice.

    La struttura della routine Sub MySub() viene aggiunta al file.

I frammenti di codice disponibili variano per i diversi linguaggi di programmazione. È possibile visualizzare i frammenti di codice disponibili per Visual Basic facendo clic con il pulsante destro del mouse nell'editor di codice e selezionando frammento di codice>Inserisci frammento oppure premendo CTRL+K, CTRL+X). Per Visual Basic, i frammenti di codice sono disponibili per le categorie seguenti:

Screenshot che mostra la finestra Inserisci frammento di codice con un elenco di cartelle di categoria che contengono frammenti di codice Visual Basic.

Commentare il codice

In questa sezione si commenterà il codice.

Screenshot della barra degli strumenti in Visual Studio, che include pulsanti per l'aggiunta e la rimozione di commenti di codice.

  1. Incollare il codice seguente nel corpo della routine MySub().

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. Si supponga di non usare la matrice di morewords, ma potrebbe essere usata in un secondo momento, quindi non si vuole eliminarla. Puoi invece commentare quelle righe. Seleziona l'intera definizione di morewords fino alla parentesi graffa di chiusura, quindi seleziona il pulsante Commenta le righe selezionate sulla barra degli strumenti. Se si preferisce usare la tastiera, selezionare CTRL+K, CTRL+C.

    Screenshot della barra degli strumenti. Il pulsante per commentare il codice è evidenziato in rosso.

    Il carattere di commento di Visual Basic ' viene aggiunto all'inizio di ogni riga selezionata per commentare il codice.

Screenshot della barra degli strumenti in Visual Studio, che include pulsanti per l'aggiunta e la rimozione di commenti di codice.

  1. Incollare il codice seguente nel corpo della routine MySub().

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. Si supponga di non usare la matrice di morewords, ma potrebbe essere usata in un secondo momento, quindi non si vuole eliminarla. Puoi invece commentare quelle righe. Selezionare l'intera definizione di morewords fino alla parentesi graffa di chiusura, e quindi selezionare il pulsante Commenta le righe selezionate sulla barra degli strumenti. Se si preferisce usare la tastiera, selezionare CTRL+K, CTRL+C.

    Screenshot della barra degli strumenti. Il pulsante per commentare il codice è evidenziato in rosso.

    Il carattere di commento di Visual Basic ' viene aggiunto all'inizio di ogni riga selezionata per commentare il codice.

Comprimi blocchi di codice

È possibile comprimere sezioni di codice per concentrarsi solo sulle parti che interessano. Per esercitarsi, provare a collassare la matrice _words a una riga di codice. Selezionare la piccola casella con il segno meno al suo interno nel margine della riga che indica Dim _words = New String() {. In alternativa, se si è un utente della tastiera, posizionare il cursore in un punto qualsiasi della definizione della matrice e selezionare CTRL+M, CTRL+M.

Screenshot dell'editor di Visual Studio Code. Il pulsante per la compressione della struttura di una sezione di codice è evidenziato in rosso.

Il blocco di codice si riduce alla sola prima riga, seguita da un'ellissi (...). Per espandere il blocco di codice, selezionare la stessa casella con un segno più oppure selezionare di nuovo CTRL+M, CTRL+M. Questa funzionalità viene chiamata struttura ed è particolarmente utile quando si esegue la compressione di metodi lunghi o intere classi.

È possibile comprimere sezioni di codice per concentrarsi solo sulle parti che interessano. Per esercitarsi, provare a collassare la matrice _words a una riga di codice. Selezionare la freccia giù nel margine della riga che indica Dim _words = New String() {. In alternativa, se si è un utente della tastiera, posizionare il cursore in un punto qualsiasi della definizione della matrice e selezionare CTRL+M, CTRL+M.

Screenshot dell'editor di Visual Studio Code. Il pulsante per la compressione della struttura di una sezione di codice è evidenziato in rosso.

Il blocco di codice si riduce solo alla prima riga, seguito da un'ellissi (...). La freccia giù nel margine è ora una freccia che punta a destra. Per espandere il blocco di codice, selezionare la freccia > oppure premere di nuovo CTRL+M, CTRL+M. Questa funzionalità viene chiamata struttura ed è particolarmente utile quando si esegue la compressione di metodi lunghi o intere classi.

Visualizzare le definizioni dei simboli

L'editor di Visual Studio semplifica l'ispezione della definizione di un tipo o di un membro della classe. A tale scopo, passare al file che contiene la definizione, ad esempio facendo clic con il pulsante destro del mouse e selezionando Vai alla definizione a cui fa riferimento il simbolo. Un modo ancora più rapido che non sposta l'attenzione dal file su cui si sta lavorando consiste nell'usare Peek Definition. Ora potrai dare uno sguardo alla definizione del tipo String.

  1. Fare clic con il pulsante destro del mouse sulla parola String e selezionare Visualizza definizione. In alternativa, premere alt +F12.

    Viene visualizzata una finestra popup contenente la definizione della classe String. È possibile scorrere all'interno della finestra popup o anche visualizzare la definizione di un altro tipo dal codice visualizzato.

    Screenshot di una finestra pop-up che mostra la definizione della classe String.

  2. Chiudere la finestra Visualizza definizione selezionando il pulsante chiudi nell'angolo superiore destro della finestra popup.

L'editor di Visual Studio semplifica l'ispezione della definizione di un tipo o di un membro della classe. A tale scopo, passare al file che contiene la definizione, ad esempio facendo clic con il pulsante destro del mouse e selezionando Vai alla definizione a cui fa riferimento il simbolo. Un modo ancora più rapido che non sposta lo stato attivo dal file in uso consiste nell'usare Peek Definition. Verrà ora visualizzata la definizione del tipo String.

  1. Fare clic con il pulsante destro del mouse sulla parola String e selezionare Visualizza definizione. In alternativa, premere alt +F12.

    Viene visualizzata una finestra popup contenente la definizione della classe String. È possibile scorrere all'interno della finestra popup o anche visualizzare la definizione di un altro tipo dal codice visualizzato.

    Screenshot di una finestra popup Visualizza definizione che contiene la definizione della classe String.

  2. Chiudere la finestra Visualizza definizione selezionando il pulsante chiudi nell'angolo superiore destro della finestra popup.

Usare IntelliSense per completare le parole

IntelliSense è una risorsa preziosa quando si sta codificando. Può mostrare informazioni sui membri disponibili di un tipo o sui dettagli dei parametri per diversi sovraccarichi di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato abbastanza caratteri per disambiguarlo. A questo punto, aggiungerai una riga di codice per stampare le stringhe ordinate nella finestra della console, che è la posizione standard verso cui va l'output di un programma.

  1. Sotto la variabile query iniziare a digitare il codice seguente:

    For Each str In qu
    

    Vedi che IntelliSense ti mostra informazioni rapide sul simbolo query.

    Screenshot della finestra di completamento della parola IntelliSense per la parola 'query' nell'editor di codice di Visual Studio.

  2. Per inserire il resto della parola query usando la funzionalità di completamento delle parole di IntelliSense, premere Tab.

  3. Terminare il blocco di codice in modo che sia simile al codice seguente.

    For Each str In query
        Console.WriteLine(str)
    Next
    

IntelliSense è una risorsa preziosa quando si sta codificando. Può visualizzare informazioni sui membri disponibili di un tipo o sui dettagli dei parametri per diversi sovraccarichi di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato abbastanza caratteri per disambiguarlo. Ora aggiungerai una riga di codice per stampare le stringhe ordinate nella finestra della console, che è il luogo standard per l'output del programma.

  1. Sotto la variabile query iniziare a digitare il codice seguente:

    For Each str In qu
    

    IntelliSense mostra informazioni rapide sul simbolo query.

    Screenshot della finestra di IntelliSense per il completamento della parola 'query' nell'editor di codice di Visual Studio.

  2. Per inserire il resto della parola query usando la funzionalità di completamento delle parole IntelliSense, selezionare Tabulazione.

  3. Terminare il blocco di codice in modo che sia simile al codice seguente.

    For Each str In query
        Console.WriteLine(str)
    Next
    

Ristrutturare un nome

Nessuno ottiene il codice la prima volta e una delle cose che potrebbe essere necessario modificare è il nome di una variabile o di un metodo. A questo punto si proverà la funzionalità di refactoring di Visual Studio per rinominare la variabile _words in words.

  1. Fare clic con il pulsante destro del mouse sulla definizione della variabile _words e selezionare Rinomina.

    Una finestra di Rinomina appare nell'angolo superiore destro dell'editor.

  2. Con la variabile _words ancora selezionata, immettere il nome desiderato: parole. Si noti che il riferimento a words nella query viene rinominato automaticamente. Prima di premere Invio o selezionare Applica, assicurati di selezionare la casella di controllo Includi commenti nella finestra Rinomina.

    Screenshot della finestra Rinomina per la variabile '_words'. La casella di controllo Includi commenti è selezionata.

  3. Premere INVIO oppure selezionare Applica.

    Entrambe le occorrenze di words vengono rinominate, oltre al riferimento a words nel commento del codice.

Nessuno ottiene il codice la prima volta e una delle cose che potrebbe essere necessario modificare è il nome di una variabile o di un metodo. A questo punto si proverà la funzionalità di refactoring di Visual Studio per rinominare la variabile _words in words.

  1. Fare clic con il pulsante destro del mouse sulla definizione della variabile _words e selezionare Rinomina.

    Viene visualizzata una finestra di ridenominazione.

  2. Con la variabile _words ancora selezionata, immettere il nome desiderato: parole. Si noti che il riferimento a words nella query viene rinominato automaticamente. Prima di selezionare Immetti, seleziona la casella di controllo Includi commenti nella finestra Rinomina.

    Screenshot della finestra Rinomina. La casella di controllo

  3. Selezionare Immettere.

    Entrambe le occorrenze di words vengono rinominate, oltre al riferimento a words nel commento del codice.

Passaggio successivo