Delen via


Zelfstudie: Leren de code-editor met Visual Basic gebruiken

In deze zelfstudie probeert u de code-editor uit in Visual Studio. U voegt code toe aan een bestand om een aantal manieren te leren waarop Visual Studio het schrijven, navigeren en begrijpen van Visual Basic code eenvoudiger maakt.

In dit artikel wordt ervan uitgegaan dat u al bekend bent met Visual Basic. Als u dat niet doet, wilt u misschien beginnen met een zelfstudie zoals Maak een eenvoudige Visual Basic -console-app (VB.

Als u deze zelfstudie wilt voltooien, moet u ervoor zorgen dat u de Visual Basic instellingen hebt geselecteerd voor Visual Studio. Zie Omgevingsinstellingen selecterenvoor meer informatie over het selecteren van instellingen voor de IDE (Integrated Development Environment).

Als u Visual Studio wilt installeren, raadpleegt u Visual Studio downloads voor een gratis versie.

Een codebestand maken

Begin met het maken van een bestand en er code aan toe te voegen.

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

  2. Selecteer Nieuw bestand in het menu Bestand op de menubalk.

  3. Selecteer in het dialoogvenster Nieuw bestand onder de categorie GeneralVisual Basic Class en selecteer vervolgens Open.

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

    Schermopname van een nieuw Visual Basic klassebestand in de code-editor van Visual Studio.

Codefragmenten gebruiken

Visual Studio biedt codefragmenten waarmee u snel en eenvoudig veelgebruikte codeblokken kunt genereren. Codefragmenten zijn beschikbaar voor verschillende programmeertalen, waaronder Visual Basic, C# en C++. Voeg het fragment Visual Basic Sub toe aan het bestand.

  1. Plaats de cursor boven de regel met de tekst en typ sub-.

    Er wordt een pop-upvenster weergegeven met informatie over het trefwoord en het invoegen van het codefragment Sub.

    Schermopname van IntelliSense van een Sub-codefragment in Visual Studio.

  2. Selecteer Tab- twee keer om het codefragment in te voegen.

    Het overzicht van de subprocedure wordt toegevoegd aan het bestand.

De beschikbare codefragmenten variëren voor verschillende programmeertalen. U kunt de beschikbare codefragmenten voor Visual Basic weergeven door met de rechtermuisknop in de code editor te klikken en Snippet>Fragment invoegen (of door op Ctrl+K te drukken, Ctrl+X). Voor Visual Basic zijn codefragmenten beschikbaar voor de volgende categorieën:

Schermafbeelding met het venster Fragment invoegen met een lijst met categoriemappen met Visual Basic codefragmenten.

Code in commentaar plaatsen

In deze sectie zet u een deel van de code in opmerkingen.

Schermopname van de werkbalk in Visual Studio, met knoppen voor het toevoegen en verwijderen van codeopmerkingen.

  1. Plak de volgende code in de hoofdtekst van de procedure.

    ' _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. Stel dat u de matrix niet gebruikt, maar u kunt deze later gebruiken, dus u wilt deze niet verwijderen. In plaats daarvan kunt u deze regels uitcommentariëren. Selecteer de volledige definitie van tot de sluitende accolade en selecteer vervolgens de Commentaar op de geselecteerde regels knop op de werkbalk. Als u het toetsenbord liever gebruikt, selecteert u CtrlK, CtrlC-.

    Schermopname van de werkbalk met de knop voor het uitcommentariëren van code gemarkeerd in rood.

    Het Visual Basic opmerkingsteken ' wordt toegevoegd aan het begin van elke geselecteerde regel om de code als commentaar te geven.

Codeblokken samenvouwen

U kunt secties met code samenvouwen, zodat u zich alleen kunt richten op de onderdelen die u interesseren. Probeer de matrix samen te vouwen tot één regel code om te oefenen. Selecteer de pijl-omlaag in de marge van de regel met de tekst . Als u een toetsenbordgebruiker bent, plaatst u de cursor ergens in de matrixdefinitie en selecteert u CtrlM, CtrlM.

Schermopname van de Visual Studio Code-editor met de knop voor het samenvouwen van het overzicht van een sectie met code gemarkeerd in red.

Het codeblok wordt samengevouwen tot alleen de eerste regel, gevolgd door een beletselteken (). De pijl-omlaag in de marge is nu een pijl die naar rechts wijst. Als u het codeblok wilt uitvouwen, selecteert u de pijl of drukt u nogmaals op Ctrl M, CtrlM-. Deze functie wordt een overzicht genoemd. Het 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 of klasselid inspecteren. U kunt dit doen door te navigeren naar het bestand dat de definitie bevat. Klik bijvoorbeeld met de rechtermuisknop en selecteer Naar definitie gaan waar naar het symbool wordt verwezen. Een nog snellere manier om uw focus niet te verplaatsen van het bestand waarin u werkt, is door Peek Definition te gebruiken:

  1. Klik met de rechtermuisknop op het woord en selecteer Definitie bekijken. Of druk op AltF12.

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

    Screenshot van een Peek Definition-pop-upvenster dat de definitie van de String-klasse bevat.

  2. Sluit het venster Definitie bekijken door de knop Sluiten te selecteren in de rechterbovenhoek van het pop-upvenster.

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. Voeg nu een coderegel toe om de geordende tekenreeksen af te drukken in het consolevenster. Dit is de standaardplaats voor uitvoer van het programma.

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

    For Each str In qu
    

    IntelliSense bevat snelle informatie over het symbool.

    Schermopname van het IntelliSense-venster voor het woord 'query' in de code-editor in Visual Studio.

  2. Als u de rest van het woord wilt invoegen met behulp van de intelliSense-functionaliteit voor woordvoltooiing, selecteert u Tab-.

  3. Voltooi het codeblok om eruit te zien als de volgende code.

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

Een naam herstructureren

Niemand krijgt de code meteen de eerste keer juist. Een van de dingen die u mogelijk moet wijzigen, is de naam van een variabele of methode. Probeer de functionaliteit Visual Studio refactor om de naam van de variabele _words te wijzigen in words.

  1. Klik met de rechtermuisknop op de definitie van de variabele en selecteer Naam vanwijzigen.

    Er verschijnt een venster voor hernoemen.

  2. Terwijl de variabele nog steeds geselecteerd, voert u de gewenste naam in: woorden. U ziet dat de verwijzing naar in de query automatisch wordt gewijzigd. Voordat u Enterselecteert, schakelt u het selectievakje Opmerkingen opnemen in het venster Naam wijzigen in.

    Schermopname van het hernoemvenster met het geselecteerde selectievakje Opmerkingen opnemen.

  3. Kies Druk op.

    Beide exemplaren van worden hernoemd, naast de verwijzing naar in de codecommentaar.

  • Codefragmenten
  • code navigeren
  • Schetsen
  • Naar definitie gaan en definitie bekijken
  • Code herstructureren
  • IntelliSense

Meer informatie over projecten en oplossingen