Informazioni su come usare l'editor di codice con Visual Basic

In questa introduzione di 10 minuti all'editor di codice in Visual Studio si aggiungerà codice a un file per esaminare alcuni dei modi in cui Visual Studio semplifica la scrittura, lo spostamento e la comprensione del codice visual Basic.

Suggerimento

Se non è ancora stato installato Visual Studio, accedere alla pagina Download di Visual Studio per installarlo gratuitamente.

Questa articolo presuppone una certa familiarità con Visual Basic. In caso contrario, è consigliabile esaminare prima un'esercitazione, ad esempio Creare una semplice app console visual Basic (VB).

Suggerimento

Per poter seguire questo articolo, assicurarsi che per Visual Studio siano selezionate le impostazioni di Visual Basic. Per informazioni sulla selezione delle impostazioni per l'ambiente di sviluppo integrato (IDE), vedere Select environment settings (Selezionare le impostazioni di ambiente).

Creare un nuovo file di codice

Per iniziare si crea un nuovo file e si aggiunge codice al file.

  1. Aprire Visual Studio. Premere ESC oppure fare clic su Continua senza codice nella finestra iniziale per aprire l'ambiente di sviluppo.

  2. Nel menu File sulla barra dei menu scegliere Nuovo file.

  3. Nella finestra di dialogo Nuovo file, all'interno della categoria Generale, scegliere Classe di Visual Basic e quindi scegliere Apri.

    Nell'editor viene aperto un nuovo file con lo scheletro di una classe di 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 showing a new Visual Basic class file in the Visual Studio code editor.

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

  2. Nel menu File sulla barra dei menu scegliere Nuovo>File.

  3. Nella finestra di dialogo Nuovo file, all'interno della categoria Generale, scegliere Classe di Visual Basic e quindi scegliere Apri.

    Nell'editor viene aperto un nuovo file con lo scheletro di una classe di 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 showing a new Visual Basic class file in the Visual Studio code editor.

Usare frammenti di codice

Visual Studio offre frammenti di codice utili che è possibile usare per generare in modo semplice e rapido blocchi di codice di uso comune. I frammenti di codice sono disponibili per vari linguaggi di programmazione, tra cui Visual Basic, C# e C++. Ora si aggiungerà il frammento di codice Sub di Visual Basic al file.

  1. Posizionare il cursore sopra la riga con la dicitura End Class e digitare sub.

    Verrà visualizzata una finestra di dialogo a comparsa con le informazioni sulla parola chiave Sub e come inserire il frammento di codice Sub.

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

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

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

I frammenti di codice disponibili variano a seconda del linguaggio di programmazione. È possibile esaminare i frammenti di codice disponibili per Visual Basic scegliendo Modifica>IntelliSense>Inserisci frammento o premendo CTRL+K, CTRL+X. Per Visual Basic sono disponibili frammenti di codice per le categorie seguenti:

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

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... Istruzione successiva e molte altre.

  1. Posizionare il cursore sopra la riga con la dicitura End Class e digitare sub.

    Verrà visualizzata una finestra di dialogo a comparsa con le informazioni sulla parola chiave Sub e come inserire il frammento di codice Sub.

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

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

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

I frammenti di codice disponibili variano a seconda del linguaggio di programmazione. È possibile esaminare i frammenti di codice disponibili per Visual Basic aprendo il menu di scelta rapida o facendo clic con il pulsante destro del mouse nell'editor del codice e scegliendo Frammento di codice inserisci frammento> (oppure premere CTRL+K, CTRL+X). Per Visual Basic sono disponibili frammenti di codice per le categorie seguenti:

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

Codice di impostazione come commento

La barra degli strumenti, ovvero la riga di pulsanti sotto la barra dei menu di Visual Studio, contribuisce ad aumentare la produttività in fase di creazione del codice. È possibile, ad esempio, attivare o disattivare la modalità di terminazione IntelliSense, aumentare o ridurre un rientro riga o impostare come commento una parte del codice che non si desidera compilare. IntelliSense è un supporto per la scrittura del codice che visualizza un elenco di metodi corrispondenti, tra le altre cose. In questa sezione verrà inserito un commento di codice.

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. Incollare il codice seguente nel corpo della procedura 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. In questa fase non si usa la matrice morewords ma, poiché potrebbe risultare utile in seguito, non la si elimina. Invece si impostano le linee corrispondenti come commento. Selezionare l'intera definizione di morewords fino alla parentesi graffa di chiusura, quindi scegliere il pulsante Imposta le righe selezionate come commento sulla barra degli strumenti. Se si preferisce usare la tastiera, premere Ctrl+K, Ctrl+C.

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    Il carattere del commento di Visual Basic ' viene aggiunto all'inizio di ogni riga selezionata per impostare la riga come commento.

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. Incollare il codice seguente nel corpo della procedura 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. In questa fase non si usa la matrice morewords ma, poiché potrebbe risultare utile in seguito, non la si elimina. Invece si impostano le linee corrispondenti come commento. Selezionare l'intera definizione di morewords fino alla parentesi graffa di chiusura, quindi scegliere il pulsante Imposta le righe selezionate come commento sulla barra degli strumenti. Se si preferisce usare la tastiera, premere Ctrl+K, Ctrl+C.

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    Il carattere del commento di Visual Basic ' viene aggiunto all'inizio di ogni riga selezionata per impostare la riga come commento.

Comprimere i blocchi di codice

È possibile comprimere sezioni di codice per concentrarsi solo sulle parti di particolare interesse per l'utente. Per fare pratica, si procederà a comprimere la matrice _words in una sola riga di codice. Scegliere la casellina grigia contenente il segno meno sul margine della riga con la dicitura Dim _words = New String() {. Oppure, posizionare con la tastiera il cursore in un punto qualsiasi della definizione della matrice e premere CTRL+M, CTRL+M.

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

Il blocco di codice viene compresso e visualizza solo la prima riga seguita dai puntini di sospensione (...). Per espandere di nuovo il blocco di codice fare clic sulla stessa casella grigia, che ora contiene un segno più, oppure premere di nuovo CTRL+M, CTRL+M. Questa funzionalità è detta Gestione della struttura ed è particolarmente utile per comprimere metodi con molto codice o intere classi.

È possibile comprimere sezioni di codice per concentrarsi solo sulle parti di particolare interesse per l'utente. Per fare pratica, si procederà a comprimere la matrice _words in una sola riga di codice. Scegliere la casellina grigia contenente il segno meno sul margine della riga con la dicitura Dim _words = New String() {. Oppure, posizionare con la tastiera il cursore in un punto qualsiasi della definizione della matrice e premere CTRL+M, CTRL+M.

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

Il blocco di codice viene compresso e visualizza solo la prima riga seguita dai puntini di sospensione (...). Per espandere di nuovo il blocco di codice, scegliere la stessa casella grigia con un segno più oppure premere di nuovo CTRL+M, CTRL+M . Questa funzionalità è detta Gestione della struttura ed è particolarmente utile per comprimere metodi con molto codice o intere classi.

Visualizzare le definizioni dei simboli

L'editor di Visual Studio semplifica l'ispezione della definizione di un tipo, di un metodo e così via. Un modo consiste nel passare al file che contiene la definizione, ad esempio scegliendo Vai a definizione in qualsiasi punto a cui si fa riferimento al simbolo. Un metodo ancora più veloce che non sposta lo stato attivo dal file in uso è rappresentato da Visualizza definizione. Di seguito si procede a visualizzare la definizione del tipo String.

  1. Fare clic con il pulsante destro del mouse sulla parola String e scegliere Visualizza definizione dal menu del contenuto. In alternativa, premere Alt+F12.

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

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

  2. Chiudere la finestra di visualizzazione della definizione scegliendo la piccola casella contenente una "x" nell'angolo in alto a destra della finestra popup.

L'editor di Visual Studio semplifica l'ispezione della definizione di un tipo o di un membro della classe. Ad esempio è possibile navigare al file contenente la definizione scegliendo Vai alla definizione in qualsiasi punto in cui esiste un riferimento al simbolo. Un metodo ancora più veloce che non sposta lo stato attivo dal file in uso è rappresentato da Visualizza definizione. Di seguito si procede a visualizzare la definizione del tipo String.

  1. Fare clic con il pulsante destro del mouse sulla parola String e scegliere Visualizza definizione dal menu del contenuto. In alternativa, premere Alt+F12.

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

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

  2. Chiudere la finestra di visualizzazione della definizione scegliendo la piccola casella con una "x" in alto a destra della finestra popup.

Usare IntelliSense per il completamento di parole

IntelliSense è una risorsa molto importante per la creazione di codice. Consente di visualizzare informazioni sui membri disponibili di un tipo o sui dettagli parametro per diversi overload di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato un numero di caratteri sufficiente a evitare ambiguità. Aggiungere una riga di codice per stampare le stringhe ordinate nella finestra della console, ovvero la posizione standard in cui finisce l'output del programma.

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

    For Each str In qu
    

    IntelliSense visualizza informazioni rapide sul simbolo query.

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

  2. Per inserire il resto della parola query mediante la funzionalità di completamento della parola di IntelliSense premere TAB.

  3. Completare il blocco di codice in modo che abbia un aspetto simile al codice seguente.

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

IntelliSense è una risorsa molto importante per la creazione di codice. Consente di visualizzare informazioni sui membri disponibili di un tipo o sui dettagli parametro per diversi overload di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato un numero di caratteri sufficiente a evitare ambiguità. Aggiungere una riga di codice per stampare le stringhe ordinate nella finestra della console, ovvero la posizione standard in cui finisce l'output del programma.

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

    For Each str In qu
    

    IntelliSense visualizza informazioni rapide sul simbolo query.

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

  2. Per inserire il resto della parola query mediante la funzionalità di completamento della parola di IntelliSense premere TAB.

  3. Completare il blocco di codice in modo che abbia un aspetto simile al codice seguente.

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

Effettuare il refactoring di un nome

Quando si inizia a creare codice è facile commettere errori e quindi dover modificare il nome di una variabile o di un metodo. Ora si userà la funzionalità refactoring di Visual Studio per rinominare la variabile _words come words.

  1. Posizionare il cursore sulla definizione della variabile _words, quindi scegliere Rinomina dal menu di scelta rapida.

    Nella parte superiore destra dell'editor viene visualizzata la finestra di dialogo popup Rinomina.

  2. Con la variabile _words ancora selezionata, digitare il nome desiderato di words. Si noti che anche il riferimento a words nella query viene rinominato automaticamente. Prima di premere INVIO o di fare clic su Applica, selezionare la casella di controllo Includi commenti nella finestra popup Rinomina.

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Premere INVIO o fare clic su Applica.

    Entrambe le occorrenze di words sono rinominate e lo stesso vale per il riferimento a words nel commento del codice.

Quando si inizia a creare codice è facile commettere errori e quindi dover modificare il nome di una variabile o di un metodo. Ora si userà la funzionalità refactoring di Visual Studio per rinominare la variabile _words come words.

  1. Posizionare il cursore sulla definizione della variabile _words, quindi scegliere Rinomina dal menu di scelta rapida.

    Nella parte superiore destra dell'editor viene visualizzata la finestra di dialogo popup Rinomina.

  2. Con la variabile _words ancora selezionata, digitare il nome desiderato di words. Si noti che anche il riferimento a words nella query viene rinominato automaticamente. Prima di premere INVIO o Applica, selezionare la casella di controllo Includi commenti nella casella popup Rinomina .

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Premere INVIO o scegliere Applica.

    Entrambe le occorrenze di words sono rinominate e lo stesso vale per il riferimento a words nel commento del codice.

Passaggi successivi

Vedi anche