Condividi tramite


Informazioni su come usare l'editor di codice

In questa introduzione all'editor di codice di Visual Studio si aggiungerà codice a un file e si esaminerà il modo in cui Visual Studio semplifica la scrittura, lo spostamento e la comprensione del codice.

Tip

Se non si dispone di Visual Studio, vai a Visual Studio download per installarlo gratuitamente.

Se Visual Studio non è già stato installato, passare alla pagina di download di Visual Studio per installarlo gratuitamente.

Questo articolo presuppone che si abbia già familiarità con un linguaggio di programmazione. In caso contrario, è consigliabile esaminare prima una delle guide introduttive per la programmazione, ad esempio creare un'app Web con Python o C#, oppure creare un'app console con Visual Basic o C++.

Prerequisites

Creare un nuovo file di codice

Creare un nuovo 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. Scegliere Nuovo> dal menu File sulla barra dei menu.

  3. Nella categoria Generale della finestra di dialogo Nuovo file selezionare Classe Visual C# e quindi Apri.

    Viene aperto un nuovo file nell'editor con lo scheletro di una classe C#. Si noti che non è necessario creare un progetto di Visual Studio completo per ottenere alcuni dei vantaggi offerti dall'editor di codice. Tutto ciò che serve è un file di codice!)

    Screenshot di un file di codice C# in Visual Studio.

  1. Apri Visual Studio. Selezionare esc ocontinua senza codice nella finestra iniziale per aprire l'ambiente di sviluppo.

  2. Dal menu File sulla barra dei menu selezionare Nuovo>file oppure premere CTRL+N .

  3. Nella finestra di dialogo Nuovo file , nella categoria Generale , selezionare Classe C# e quindi selezionare Apri.

    Viene aperto un nuovo file nell'editor con una struttura di classe C# di base.

    Screenshot di un file di codice C# in Visual Studio 2022.

Uso di GitHub Copilot

GitHub Copilot funge da programmatore di coppia basato sull'intelligenza artificiale per fornire completamenti di codice in stile "autocomplete" e suggerimenti di codice contestuali, mentre scrivi il codice, in tempo reale, direttamente nell'editor. GitHub Copilot trasforma i prompt del linguaggio naturale, inclusi i commenti e i nomi dei metodi in suggerimenti di codifica. È possibile visualizzare e incorporare suggerimenti da GitHub Copilot direttamente all'interno dell'editor.

Si userà Copilot per generare suggerimenti sul codice:

  1. Posizionare il cursore appena sotto la parentesi graffa di chiusura finale } nel file.

  2. Digitare un commento in linguaggio naturale: // Add a method to add two numbers e INVIO.

  3. GitHub Copilot genera automaticamente un suggerimento per il codice. L'implementazione suggerita viene visualizzata in testo grigio.

  4. Per accettare il suggerimento, selezionare Tab.

    Screenshot animato che mostra i suggerimenti di codice generati da GitHub Copilot per il commento dell'utente.

Si userà la chat di Copilot per inviare una domanda correlata al codice come richiesta:

  1. Selezionare il badge di GitHub Copilot nell'angolo superiore destro dell'IDE.

  2. Selezionare Apri finestra chat dall'elenco a discesa.

  3. Immettere il prompt seguente nella finestra di chat:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. La chat di Copilot genera codice di esempio in risposta alla richiesta.

GitHub Copilot è basato sull'intelligenza artificiale, quindi sono possibili sorprese ed errori. Per altre informazioni, vedere Domande frequenti su GitHub Copilot.

Introduzione a GitHub Copilot in Visual Studio.

Usare frammenti di codice

Visual Studio fornisce frammenti di codice utili che è possibile usare per generare rapidamente blocchi di codice di uso comune. I frammenti di codice sono disponibili per diversi linguaggi di programmazione, tra cui C#, Visual Basic e C++.

Aggiungere ora il frammento di codice C# void Main al file.

  1. Posiziona il cursore appena sopra la parentesi graffa di chiusura finale } nel file e digita i caratteri svm. (svm è l'acronimo di static void Main; il metodo Main() è il punto di ingresso per le applicazioni C#.

    Viene visualizzata una finestra di dialogo popup con informazioni sul frammento di codice svm.

    Screenshot di una finestra popup di IntelliSense per un frammento di codice in Visual Studio.

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

    Verrà visualizzata la firma del metodo static void Main() aggiunta al file.

I frammenti di codice disponibili variano per i diversi linguaggi di programmazione. È possibile esaminare i frammenti di codice disponibili per il linguaggio scegliendo Modifica>IntelliSense>Inserisci frammento di codicee quindi scegliendo la cartella della lingua. Per C#, l'elenco è simile al seguente:

screenshot di un popup di IntelliSense per un elenco di frammenti di codice C#.

  1. Posizionare il cursore appena sopra la parentesi graffa di chiusura finale } nel file e digitare i caratteri svm.

    Viene visualizzata una finestra di dialogo popup con informazioni sul frammento di codice svm.

    screenshot di un popup di IntelliSense per un frammento di codice in Visual Studio 2022.

  2. Selezionare il tasto TAB due volte per inserire il frammento di codice.

    Verrà visualizzata la firma del metodo static void Main() aggiunta al file. Il metodo Main() è il punto di ingresso per le applicazioni C#.

I frammenti di codice disponibili variano in base al linguaggio di programmazione. Per visualizzare i frammenti di codice disponibili per il linguaggio, passare a Modifica>intelliSense>Inserisci frammento di codice oppure premere CTRL+, CTRL+X, quindi selezionare la cartella per il linguaggio di programmazione. Per C#, l'elenco dei frammenti di codice è simile al seguente:

screenshot di un popup IntelliSense per un elenco di frammenti di codice C#.

L'elenco include frammenti di codice per la creazione di una classe , un costruttore , di un ciclo per, di un'istruzione if o di un'istruzione switch e altro ancora.

Commentare il codice

La barra degli strumenti, ovvero la riga dei pulsanti sotto la barra dei menu in Visual Studio, consente di aumentare la produttività durante il codice. Ad esempio, è possibile attivare o disattivare la modalità di completamento di IntelliSense (IntelliSense è un supporto per la codifica che visualizza un elenco di metodi corrispondenti, tra le altre cose), aumentare o diminuire un rientro di riga o impostare come commento il codice che non si vuole compilare. In questa sezione verrà inserito un commento di codice.

Screenshot della barra degli strumenti dell'editor in Visual Studio.

  1. Incollare il codice seguente nel corpo del metodo Main().

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Non si usa la variabile morewords, ma è possibile usarla in un secondo momento, quindi non si vuole eliminarla completamente. Proviamo a commentare quelle righe. Seleziona l'intera definizione di morewords fino al punto e virgola di chiusura, quindi scegli il pulsante Commenta le righe selezionate sulla barra degli strumenti. Se si preferisce usare la tastiera, premere CTRL+K, CTRL+C.

    Screenshot del pulsante Comment out nella barra degli strumenti dell'editor in Visual Studio.

    I caratteri di commento C# // vengono aggiunti all'inizio di ogni riga selezionata per impostare come commento il codice.

La barra degli strumenti dell'editor di testo, la riga dei pulsanti sotto la barra dei menu in Visual Studio, consente di aumentare la produttività durante il codice. Ad esempio, è possibile attivare o disattivare la modalità di completamento di IntelliSense, aumentare o diminuire un rientro di riga o commentare il codice che non si desidera compilare.

Screenshot della barra degli strumenti dell'editor di testo in Visual Studio 2022.

Mettiamo in commento alcune righe di codice.

  1. Incollare il codice seguente nel corpo del metodo Main().

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. La moreWords variabile non è attualmente in uso, ma è possibile usarla in un secondo momento, quindi invece di eliminarla, è possibile impostare come commento tali righe. Seleziona l'intera definizione di moreWords fino al punto e virgola finale, e quindi seleziona il pulsante Commenta le righe selezionate sulla barra degli strumenti dell'editor di testo, oppure usa CTRL+K, CTRL+C.

    Screenshot del pulsante Comment out nella barra degli strumenti dell'editor di testo in Visual Studio 2022.

    I caratteri di commento C# // vengono aggiunti all'inizio di ogni riga selezionata per impostare come commento il codice.

    Per eliminare i commenti dalle righe, puoi selezionarle e poi scegliere il pulsante Rimuovi commento dalle righe selezionate sulla barra degli strumenti dell'editor del testo, oppure premere Ctrl+K, Ctrl+U.

    Screenshot del pulsante Rimuovi commento nella barra degli strumenti dell'editor di testo in Visual Studio 2022.

Comprimi blocchi di codice

Non vogliamo vedere il costruttore vuoto generato per Class1, quindi per rendere più ordinata la visualizzazione del codice, comprimiamolo. Seleziona la piccola casella grigia con il segno meno all'interno nel margine della prima riga del costruttore. In alternativa, se si preferisce usare la tastiera, posizionare il cursore in qualsiasi punto del codice del costruttore e premere CTRL+M, CTRL+M.

Screenshot del pulsante di riduzione del contorno nella barra degli strumenti dell'editor di testo in Visual Studio.

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

Se non si vuole visualizzare il costruttore vuoto generato per Class1, è possibile ridurlo per semplificare la visualizzazione del codice. Selezionare il segno di cursore nel margine della prima riga del costruttore. In alternativa, se si preferisce usare la tastiera, posizionare il cursore in un punto qualsiasi del codice del costruttore e selezionare i tasti CTRL+M, CTRL+M .

Screenshot del pulsante comprimi il contorno nella barra degli strumenti dell'editor di testo.

Il blocco di codice si riduce alla sola prima riga, seguita da un'ellissi (...). Per espandere di nuovo il blocco di codice, selezionare di nuovo il segno di cursore (>) o premere CTRL+M, CTRL+M . Questa funzionalità viene chiamata Delineatura ed è particolarmente utile quando si comprimono metodi lunghi 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 modo ancora più rapido che non sposta l'attenzione dal file su cui si sta lavorando consiste nell'usare Peek Definition. Diamo un'occhiata alla definizione del tipo string.

  1. Fare clic con il pulsante destro del mouse su qualsiasi occorrenza di string e scegliere Visualizza definizione dal menu 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 visualizzare la definizione di un altro tipo dal codice visualizzato.

    Screenshot di una finestra Peek definition in Visual Studio.

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

L'editor di Visual Studio semplifica l'ispezione della definizione di un tipo, di un metodo o di una variabile. Un modo consiste nell'andare alla definizione, a seconda del file, scegliendo Vai a definizione o selezionando il tasto F12 in qualsiasi punto a cui viene fatto riferimento a un simbolo. Un modo ancora più rapido, che non sposta l'attenzione dal codice su cui stai lavorando, è usare Visualizza definizione.

Diamo un'occhiata alla definizione del tipo string.

  1. Fare clic con il pulsante destro del mouse su qualsiasi occorrenza di string e scegliere Visualizza definizione dal menu contenuto. In alternativa, selezionare i tasti ALT+F12 .

    Viene visualizzata una finestra popup con 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 della finestra Visualizza definizione in Visual Studio.

  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 completare le parole

IntelliSense è una risorsa preziosa quando si sta codificando. Può visualizzare informazioni sui membri disponibili di un tipo o i dettagli dei parametri per diversi sovraccarichi di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato abbastanza caratteri per disambiguarlo. Aggiungi 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:

    foreach (string str in qu
    

    Vedi che IntelliSense ti mostra informazioni rapide sul simbolo query.

    Screenshot di un popup IntelliSense di completamento delle parole in 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. È anche possibile esercitarsi nuovamente con frammenti di codice, immettendo cw e quindi premendo Tab due volte per generare il codice Console.WriteLine.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense è una risorsa preziosa quando si sta codificando. Può visualizzare informazioni sui membri disponibili di un tipo o i dettagli dei parametri per diversi sovraccarichi di un metodo. È anche possibile usare IntelliSense per completare una parola dopo aver digitato abbastanza caratteri per disambiguarlo.

Aggiungi 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:

    foreach (string str in qu
    

    Verrà visualizzato un popup IntelliSense con informazioni sul simbolo di query.

    Screenshot di un popup di completamento automatico delle parole di IntelliSense in Visual Studio 2022.

    Se si è connessi con un account GitHub con una sottoscrizione Copilot, verranno visualizzati anche suggerimenti per il codice in testo grigio.

  2. Per inserire il resto della parola usando il completamento automatico di IntelliSense query, selezionare il tasto Tab.

  3. Terminare il blocco di codice in modo che sia simile al codice seguente. È possibile esercitarsi ulteriormente con i frammenti di codice immettendo cw e quindi selezionando Tab due volte per generare l'istruzione Console.WriteLine .

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

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. Proviamo la funzionalità di refactoring di Visual Studio per rinominare la variabile _words in words.

  1. Posiziona il cursore sulla definizione della variabile _words e scegli Rinomina dal menu contestuale o fai clic con il pulsante destro del mouse, oppure premi CTRL+R, CTRL+R.

    In alto a destra dell'editor appare una finestra pop-up di dialogo Rinomina.

  2. Immettere il nome desiderato parole. Si noti che anche il riferimento a words nella query viene rinominato automaticamente. Prima di premere Invio, selezionare la casella di controllo Includi commenti nella finestra popup Rinomina.

    Screenshot di una finestra di dialogo di rinomina in Visual Studio.

  3. Premere Invio.

    Entrambe le occorrenze di words sono state rinominate, nonché il 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. Proviamo la funzionalità di refactoring di Visual Studio per rinominare la variabile someWords in unsortedWords.

  1. Posizionare il cursore sulla definizione della someWords variabile e scegliere Rinomina dal menu di scelta rapida o fare clic con il pulsante destro del mouse o selezionare il tasto F2 .

    Viene visualizzata la finestra di dialogo Rinomina in alto a destra dell'editor.

    Screenshot della finestra popup di rinomina nell'editor di Visual Studio 2022.

  2. Immettere il nome desiderato unsortedWords. Si noterà che anche il riferimento a unsortedWords nell'istruzione di assegnazione query viene rinominato automaticamente. Prima di selezionare il tasto INVIO , selezionare la casella di controllo Includi commenti nella casella popup Rinomina .

    Screenshot della casella popup Rinomina in Visual Studio 2022.

  3. Selezionare il tasto INVIO .

    Entrambe le occorrenze di someWords nel codice sono state rinominate, nonché il testo someWords nel commento del codice.

Passaggi successivi

Vedere anche