Delen via


Meer informatie over het gebruik van de code-editor met C#

In deze 10 minuten durende inleiding tot de code-editor in Visual Studio voegen we code toe aan een bestand om een aantal manieren te bekijken waarop Visual Studio het schrijven, navigeren en begrijpen van C#-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 C#. Als u dat niet doet, raden we u aan om eerst een zelfstudie te bekijken, zoals Aan de slag met C# en ASP.NET Core in Visual Studio.

Tip

Als u dit artikel wilt volgen, moet u ervoor zorgen dat u de C#-instellingen hebt geselecteerd voor Visual Studio. Zie Omgevingsinstellingen selecterenvoor meer informatie over het selecteren van instellingen voor de IDE (Integrated Development Environment).

Een nieuw codebestand maken

Begin met het maken van een nieuw bestand en voeg er code aan toe.

  1. Open Visual Studio. Druk op Esc of klik op Doorgaan zonder code in het startvenster om de ontwikkelomgeving te openen.

  2. Kies in het menu Bestand op de menubalk Nieuw>Bestandof druk op Ctrl+N.

  3. Kies in het dialoogvenster Nieuw bestand, onder de categorie Algemeen, voor Visual C#-klasseen kies vervolgens Open.

    Er wordt een nieuw bestand geopend in de editor met het skelet van een C#-klasse. (U ziet dat we geen volledig Visual Studio-project hoeven te maken om een aantal voordelen te krijgen die de code-editor biedt; alles wat u nodig hebt is een codebestand!)

    schermopname van een C#-codebestand in Visual Studio.

  1. Open Visual Studio. Druk op Escof kies Doorgaan zonder code in het startvenster om de ontwikkelomgeving te openen.

  2. Kies in het menu Bestand op de menubalk Nieuw>Bestandof druk op Ctrl+N.

  3. Kies in het dialoogvenster Nieuw Bestand de categorie Algemeen, selecteer vervolgens Visual C#-klasse, en kies daarna Openen.

    Er wordt een nieuw bestand geopend in de editor met het skelet van een C#-klasse. U hoeft geen volledig Visual Studio-project te maken om enkele voordelen te krijgen die de code-editor biedt. U hebt alleen een codebestand nodig.

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

Codefragmenten gebruiken

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

Laten we het C#-fragment void Main toevoegen aan ons bestand.

  1. Plaats de cursor net boven de laatste accolade } in het bestand en typ de tekens svm (die staat voor static void Main- maak u geen zorgen als u niet weet wat dat betekent).

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

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

  2. Druk tweemaal op Tab- om het codefragment in te voegen.

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

De beschikbare codefragmenten variëren voor verschillende programmeertalen. U kunt de beschikbare codefragmenten voor uw taal bekijken door Bewerken>IntelliSense>Fragment invoegen te kiezen of door op Ctrl+Kte drukken, Ctrl+Xen vervolgens de map van uw taal te kiezen. Voor C# ziet de lijst er als volgt uit:

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

  1. In het bestand, plaats de cursor net boven de laatste sluitende accolade } en typ de tekens svm. svm staat voor static void Main- maak je geen zorgen als je nog niet weet wat dat betekent.

    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. Druk tweemaal op Tab- 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.

De beschikbare codefragmenten variëren voor verschillende programmeertalen. U kunt de beschikbare codefragmenten voor uw taal bekijken door Bewerken>IntelliSense>Fragment invoegen te kiezen of door op Ctrl+Kte drukken, Ctrl+X-en vervolgens de map voor uw programmeertaal te kiezen. Voor C# ziet de lijst met fragmenten 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 for-lus, een if of een switch-instructie, en meer.

Commentaarcode

De werkbalk, de rij met knoppen onder de menubalk in Visual Studio, kan u helpen productiever te werken terwijl u codet. U kunt bijvoorbeeld de intelliSense-voltooiingsmodus in- of uitschakelen (IntelliSense- is een coderingshulp waarmee onder andere een lijst met overeenkomende methoden wordt weergegeven), een regelinspringing vergroten of verkleinen of code uitcommentariëren die u niet wilt compileren. In deze sectie plaatsen we commentaar op code.

Schermopname van de werkbalk Editor in Visual Studio.

  1. Plak de volgende code in de hoofdtekst van de methode 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. We gebruiken de variabele morewords niet, maar we kunnen deze later gebruiken, zodat we deze niet volledig willen verwijderen. In plaats daarvan gaan we deze regels uitcommentariëren. Selecteer de volledige definitie van morewords tot aan de afsluitende puntkomma en kies vervolgens op de werkbalk de knop Geselecteerde regels uitcommentariëren. Als u liever het toetsenbord gebruikt, drukt u op Ctrl+K, Ctrl+C.

    Schermafbeelding van de knop Uit commentaar plaatsen op de werkbalk van de editor in Visual Studio.

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

De werkbalk, de rij met knoppen onder de menubalk in Visual Studio, helpt u productiever te werken terwijl u codet. U kunt bijvoorbeeld 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. We gebruiken de variabele moreWords niet, maar we kunnen deze later gebruiken, zodat we deze niet willen verwijderen. In plaats daarvan zullen we deze regels uitcommentariëren. Selecteer de volledige definitie van moreWords tot aan de afsluitende puntkomma, en kies vervolgens de knop Geselecteerde regels uitcommentariëren op de werkbalk. Als u liever het toetsenbord gebruikt, drukt u op Ctrl+E-, Ctrl+C-.

    Schermafbeelding van de knop Opmerkingen uit 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.

Codeblokken samenvouwen

We willen de lege constructor die is gegenereerd voor Class1niet zien, dus om onze weergave van de code op te ruimen, laten we deze samenvouwen. Kies het kleine grijze vak met het minteken erbinnen 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 drukt u op Ctrl+M, Ctrl+M.

Schermafbeelding van de samenvouwknop voor de Overzicht-functie in de werkbalk Teksteditor in Visual Studio.

Het codeblok wordt samengevouwen tot alleen de eerste regel, gevolgd door een beletselteken (...). Als u het codeblok opnieuw wilt uitvouwen, klikt u op hetzelfde grijze vak dat nu een plusteken bevat of drukt u nogmaals op Ctrl+M, Ctrl+M-. Deze functie wordt Outlining genoemd en is vooral handig wanneer u lange methodes of hele klassen inklapt.

Schermafbeelding van de knop Samenvouwen in de werkbalk Teksteditor in Visual Studio 2022.

Het codeblok wordt samengevouwen tot alleen de eerste regel, gevolgd door een beletselteken (...). Als u het codeblok opnieuw wilt uitvouwen, selecteert u hetzelfde grijze vak met een plusteken of drukt u nogmaals op Ctrl+M, Ctrl+M-. 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, enzovoort inspecteren. Een manier is om naar het bestand te gaan dat de definitie bevat, bijvoorbeeld door Go to Definition te kiezen of op F12 te drukken waar naar het symbool wordt verwezen. Een nog snellere manier om uw focus niet te verplaatsen van het bestand waarin u werkt, is door Definitie bekijkente gebruiken. Laten we eens kijken naar de definitie van het string type.

  1. Klik met de rechtermuisknop op een voorval van string en kies Definitie bekijken in het contextmenu. Of druk op 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.

    Schermafbeelding van een Peek-definitievenster in Visual Studio.

  2. Sluit het voorvertoningsvenster door op het kleine vakje met een 'x' dat zich in de rechterbovenhoek van het pop-upvenster bevindt te klikken.

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 te kiezen Go to Definition of door op F12 te drukken waar naar een symbool wordt verwezen. Een nog snellere manier om uw aandacht bij de code waaraan u werkt te houden, is door Definitie bekijkente gebruiken.

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

  1. Klik met de rechtermuisknop op een voorval van string en kies Definitie bekijken in het contextmenu. Of druk op 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 2022.

  2. Sluit het definitiescherm door het kleine vakje met een 'x' in de rechterbovenhoek van het pop-upvenster te kiezen.

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 op het consolevenster af te drukken, wat de standaardplaats is voor de uitvoer van het programma.

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

    foreach (string str in qu
    

    Je ziet dat IntelliSense je Quick Info over de query symbool geeft.

    schermopname van een intelliSense-woordvoltooiingspop-up in Visual Studio.

  2. Als u de rest van het woord query wilt invoegen met behulp van de functionaliteit voor woordvoltooiing van IntelliSense, drukt u op Tab-.

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

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

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 weer te geven in het consolevenster, dat de standaardplaats is 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.

    Screenshot van een IntelliSense woordvoltooiingspop-up in Visual Studio 2022.

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

  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 op Tab- te drukken om de Console.WriteLine-instructie te genereren.

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

Een naam herstructureren

Niemand schrijft de code in één keer goed. Een van de dingen die je moet wijzigen, is de naam van een variabele of methode. Laten we de herfactoreringsfunctionaliteit van Visual Studio proberen om de _words-variabele te hernoemen naar words.

  1. Plaats de cursor boven de definitie van de variabele _words en kies Naam wijzigen van in het rechtermuisklikmenu of contextmenu, of druk op Ctrl+R,, Ctrl+R,.

    Er verschijnt een pop-up Naam wijzigen dialoogvenster in de rechterbovenhoek van de editor.

  2. Voer de gewenste naam in woorden. U ziet dat de verwijzing naar words in de query ook automatisch wordt gewijzigd. Voordat u op Enterdrukt, schakelt u het vakje Opmerkingen opnemen in het pop-upvenster Naam wijzigen in.

    Schermafbeelding van een dialoogvenster 'Naam wijzigen' in Visual Studio.

  3. Druk op Enter.

    Beide exemplaren van words zijn hernoemd, evenals de verwijzing naar words in de code-opmerking.

Niemand schrijft de code meteen correct, en een van de dingen die je wellicht moet aanpassen, 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, kies Hernoemen uit het contextmenu of druk op F2.

    Een dialoogvenster Hernoemen van 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. U ziet dat de verwijzing naar unsortedWords in de query toewijzingsinstructie ook automatisch wordt hernoemd. Voordat u op Enterdrukt, selecteert u het selectievakje Opmerkingen opnemen in het pop-upvenster Naam wijzigen.

    Schermafbeelding van het pop-upvenster Hernoemen in Visual Studio 2022.

  3. Druk op Enterof kies toepassen in het dialoogvenster Naam van wijzigen.

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

Volgende stappen

Zie ook