Meer informatie over het gebruik van de code-editor

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 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++.

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. Selecteer de Esc-toets of kies Doorgaan zonder code in het startvenster om de ontwikkelomgeving te openen.

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

3. Kies in het dialoogvenster Nieuw bestand, onder de categorie Algemeen, de optie C#-klasseen selecteer vervolgens openen.

   Er wordt een nieuw bestand geopend in de editor met het skelet van een C#-klasse.

   

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-.

Aan de slag met GitHub Copilot in Visual Studio. Houd er rekening mee dat Visual Studio 2022 versie 17.8 of hoger is vereist.

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. 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.

   

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.

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 de Ctrl+K-te selecteren, Ctrl+X toetsen en vervolgens de map voor uw programmeertaal te kiezen. Voor C# ziet de lijst met fragmenten er als volgt uit:

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 met knoppen onder de menubalk in Visual Studio, kunt u productiever worden 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.

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 het afsluitende puntkomma, en kies vervolgens de knop De geselecteerde regels uitcommentariëren op de werkbalk van de Teksteditor. Als u het toetsenbord liever gebruikt, selecteert u Ctrl+K, Ctrl+C-.

   

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

   Wanneer u de opmerkingen bij regels wilt opheffen, kunt u ze selecteren en vervolgens de knop De opmerkingen bij de geselecteerde regels opheffen op de werkbalk Teksteditor kiezen. Als u het toetsenbord liever gebruikt, selecteert u Ctrl+K, Ctrl+U-.

   

Codeblokken samenvouwen

We willen de lege constructor, die is gegenereerd voor Class1, niet zien. Om ons zicht op de code overzichtelijk te houden, laten we deze inklappen. Kies het kleine grijze vak met het minteken erin 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.

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 dat nu een plusteken bevat 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 verschijning van 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.

   

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

   

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 in één keer goed, en een van de dingen die je misschien 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 en kies Hernoemen via het rechterklikmenu of contextmenu, of selecteer de toets F2.

   Het dialoogvenster Hernoemen wordt rechtsboven in de editor weergegeven.

   

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.

   

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

Meer informatie over projecten en oplossingen

Zie ook

• Codefragmenten
• Code navigeren
• Samenvatting
• Naar definitie gaan en definitie bekijken
• herstructureren van
• IntelliSense- gebruiken