Share via


Meer informatie over het gebruik van de code-editor

In deze inleiding tot de Code-editor van Visual Studio voegt u code toe aan een bestand en verkent u hoe Visual Studio het schrijven, navigeren en begrijpen van code eenvoudiger maakt.

Als u Visual Studio nog niet hebt geïnstalleerd, gaat u naar de Visual Studio-downloadpagina pagina om deze gratis te installeren.

In dit artikel wordt ervan uitgegaan dat u al bekend bent met een programmeertaal. Als u dat niet doet, raden we u aan eerst een van de quickstarts voor programmeren te bekijken, zoals een web-app maken met Python- of C#-, of een console-app maken met Visual Basic- of C++.

Prerequisites

Een nieuw codebestand maken

Maak een nieuw bestand en voeg er code aan toe.

  1. Open Visual Studio. Selecteer de Esc-toets of selecteer Doorgaan zonder code in het startvenster om de ontwikkelomgeving te openen.

  2. Selecteer nieuw> in het menu Bestand op de menubalk of selecteer de Ctrl+N-toetsen.

  3. Selecteer in het dialoogvenster Nieuw bestand onder de categorie Algemeende optie C#-klasse en selecteer vervolgens Openen.

    Er wordt een nieuw bestand geopend in de editor met een eenvoudige C#-klassestructuur.

    schermopname van een C#-codebestand in Visual Studio 2022.

GitHub Copilot gebruiken

GitHub Copilot fungeert als AI-paarprogrammeur om automatisch codevoorstellen en contextbewuste meerregelige codesuggesties te bieden tijdens het coderen, in real-time, rechtstreeks in de editor. GitHub Copilot zet natuurlijke-taalprompts, inclusief opmerkingen en methodenamen, om in coderingssuggesties. U kunt suggesties van GitHub Copilot rechtstreeks in de editor bekijken en opnemen.

GitHub Copilot- uitproberen

Laten we Copilot gebruiken om codesuggesties te genereren:

  1. Plaats de cursor net onder de laatste accolade } in het bestand.

  2. Typ een opmerking in natuurlijke taal: // Add a method to add two numbers en Voerin.

  3. GitHub Copilot genereert een codesuggesties voor u. De voorgestelde implementatie wordt weergegeven in grijze tekst.

  4. Als u de suggestie wilt accepteren, selecteert u Tab-.

    schermopname met animatie waarin de codesuggesties worden weergegeven die door GitHub Copilot zijn gegenereerd voor de opmerking van de gebruiker.

Laten we Copilot Chat gebruiken om een codegerelateerde vraag in te dienen als een prompt:

  1. Selecteer de GitHub Copilot-badge in de rechterbovenhoek van de IDE.

  2. Selecteer Chatvenster openen in de vervolgkeuzelijst.

  3. Voer de volgende prompt in het chatvenster in:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. Copilot Chat genereert voorbeeldcode als reactie op uw prompt.

GitHub Copilot wordt mogelijk gemaakt door AI, dus verrassingen en fouten zijn mogelijk. Zie de veelgestelde vragen over GitHub Copilot voor meer informatie.

Aan de slag met GitHub Copilot in Visual Studio.

Codefragmenten gebruiken

Visual Studio biedt nuttige codefragmenten die u kunt gebruiken om snel veelgebruikte codeblokken te genereren. Codefragmenten zijn beschikbaar voor verschillende programmeertalen, waaronder C#, Visual Basic en C++.

Voeg nu het C# void Main -fragment toe aan uw bestand.

  1. Zet de cursor net boven de laatste sluitaccolade } in het bestand en typ de tekens svm.

    Er wordt een pop-updialoogvenster weergegeven met informatie over het svm codefragment.

    schermopname van een IntelliSense-pop-up voor een codefragment in Visual Studio 2022.

  2. Selecteer tweemaal de Tab-toets om het codefragment in te voegen.

    U ziet dat de static void Main() methodehandtekening wordt toegevoegd aan het bestand. De methode Main() is het toegangspunt voor C#-toepassingen.

Beschikbare codefragmenten variëren per programmeertaal. Als u de beschikbare codefragmenten voor uw taal wilt weergeven, gaat u naar>IntelliSense-fragment>invoegen of selecteert u Ctrl+K, Ctrl+X-toetsen en selecteert u vervolgens de map voor uw programmeertaal. Voor C# ziet de lijst met codefragmenten er als volgt uit:

schermopname van een IntelliSense-pop-upvenster voor een lijst met C#-codefragmenten.

De lijst bevat fragmenten voor het maken van een -klasse, een -constructor, een -lus voor, een if-verklaring of een switch-verklaring, en meer.

Code in commentaar zetten

Met de werkbalk Teksteditor, de rij knoppen onder de menubalk in Visual Studio, kunt u productiever worden terwijl u codet. U kunt bijvoorbeeld de intelliSense-voltooiingsmodus in- of uitschakelen, een regelinspringing vergroten of verkleinen of code uitcommentariëren die u niet wilt compileren.

Schermopname van de werkbalk Teksteditor in Visual Studio 2022.

Laten we wat code uitcommentariëren.

  1. Plak de volgende code in de hoofdtekst van de methode 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. De moreWords variabele wordt momenteel niet gebruikt, maar u kunt deze later gebruiken, dus in plaats van de variabele te verwijderen, kunt u deze regels uitcommentariëren. Selecteer eerst de volledige definitie van moreWords tot aan de sluitende puntkomma, en selecteer vervolgens de knop commentaar geven op de geselecteerde regels op de werkbalk Teksteditor, of selecteer Ctrl+K, Ctrl+C.

    Schermafbeelding van de knop Uitschakelen van commentaar op de werkbalk Teksteditor in Visual Studio 2022.

    De C#-opmerkingtekens // worden toegevoegd aan het begin van elke geselecteerde regel om de code als commentaar te geven.

    Om regels uit te commentariëren, kunt u deze selecteren en vervolgens de knop Uitcommentariëren van de geselecteerde regels op de werkbalk Teksteditor selecteren of Ctrl+K, Ctrl+U selecteren.

    Schermafbeelding van de knop Opmerking Verwijderen op de werkbalk Teksteditor in Visual Studio 2022.

Codeblokken samenvouwen

Als u de lege constructor die voor Class1 is gegenereerd niet wilt zien, kunt u deze samenvouwen om het overzicht van de code te verbeteren. Selecteer het caretteken in de marge van de eerste regel van de constructor. Als u het toetsenbord liever gebruikt, plaatst u de cursor ergens in de constructorcode en selecteert u de Ctrl+M-, Ctrl+M toetsen.

Schermopname van de knop Overzicht samenvouwen op de werkbalk Teksteditor.

Het codeblok wordt samengevouwen tot alleen de eerste regel, gevolgd door een beletselteken (...). Als u het codeblok opnieuw wilt uitvouwen, selecteert u het caretteken (>) of selecteert u Ctrl+M, Ctrl+M opnieuw. Deze functie heet Outlining en is vooral handig wanneer u lange methoden of hele klassen samenvouwt.

Symbooldefinities weergeven

Met de Visual Studio-editor kunt u eenvoudig de definitie van een type, methode of variabele inspecteren. Een manier is om naar de definitie te gaan, in welk bestand het ook is, door Ga naar definitie te kiezen of door de F12-toets te selecteren waar naar een symbool wordt verwezen. Een nog snellere manier waarbij u uw focus op de code behoudt waaraan u werkt, is het gebruik van Definitie bekijken.

Laten we eens kijken naar de definitie van het string type.

  1. Klik met de rechtermuisknop op een keer string en kies Definitie bekijken in het contextmenu. Of selecteer de toetsen Alt+F12.

    Er wordt een pop-upvenster weergegeven met de definitie van de klasse String. U kunt in het pop-upvenster schuiven of zelfs de definitie van een ander type bekijken vanuit de bekeken code.

    Schermopname van het venster Definitie bekijken in Visual Studio.

  2. Sluit het peekdefinitiescherm door het kleine vakje met een 'x' in de rechterbovenhoek van het pop-up venster te selecteren.

IntelliSense gebruiken om woorden te voltooien

IntelliSense- is een waardevolle resource wanneer u codeert. U kunt hier informatie weergeven over beschikbare leden van een type of parameterdetails voor verschillende overbelastingen van een methode. U kunt IntelliSense ook gebruiken om een woord te voltooien nadat u voldoende tekens hebt getypt om het woord ondubbelzinnig te maken.

Laten we een regel code toevoegen om de geordende tekenreeksen naar het consolevenster af te drukken, de standaardlocatie voor de uitvoer van het programma.

  1. Begin onder de variabele query de volgende code te typen:

    foreach (string str in qu
    

    Er wordt een Pop-upvenster van IntelliSense weergegeven met informatie over het query symbool.

    Schermopname van een IntelliSense-woordaanvulling-pop-up in Visual Studio 2022.

    Als u bent aangemeld met een GitHub-account met een Copilot-abonnement, ziet u ook dat codesuggesties worden weergegeven in grijze tekst.

  2. Als u de rest van het woord query wilt invoegen met intelliSense-woordvoltooiing, selecteert u de Tab--toets.

  3. Voltooi het codeblok om eruit te zien als de volgende code. U kunt verder oefenen met codefragmenten door cw in te voeren en vervolgens tweemaal Tab- te selecteren om de Console.WriteLine-instructie te genereren.

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

Een naam herstructureren

Niemand krijgt de code de eerste keer goed, en een van de dingen die u mogelijk moet wijzigen, is de naam van een variabele of methode. Laten we de functionaliteit van Visual Studio herstructureren om de naam van de someWords variabele te wijzigen in unsortedWords.

  1. Plaats de cursor boven de definitie van de someWords-variabele en kies Hernoemen via het rechterklikmenu of contextmenu, of selecteer de toets F2.

    Het dialoogvenster Hernoemen wordt rechtsboven in de editor weergegeven.

    Schermafbeelding van het pop-upvenster Naam wijzigen in de editor van Visual Studio 2022.

  2. Voer de gewenste naam in niet-gesorteerdeWoorden. Je zult zien dat de verwijzing naar unsortedWords in de query-toewijzing ook automatisch hernoemd wordt. Voordat u de Enter-toets selecteert, schakelt u het selectievakje Opmerkingen opnemen in in het Naam wijzigen dialoogvenster.

    Schermafbeelding van het pop-upvenster voor naamwijziging in Visual Studio 2022.

  3. Druk op de Enter-toets.

    Beide exemplaren van someWords in uw code zijn hernoemd, evenals de tekst someWords in uw code-opmerking.

Volgende stappen

Zie ook