Delen via


Zelfstudie: Leren de code-editor gebruiken met Visual Basic

In deze zelfstudie gaat u de code-editor uitproberen 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, kunt u beginnen met een zelfstudie zoals Een eenvoudige Visual Basic-console-app (VB) maken.

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 nog niet hebt geïnstalleerd, gaat u naar de Visual Studio-downloadpagina pagina om deze gratis te installeren.

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 in het menu Bestand op de menubalk Nieuw bestand.

  3. Selecteer in het dialoogvenster Nieuw bestand, onder de categorie Algemeen, Visual Basic Classen selecteer vervolgens openen.

    Er wordt een nieuw bestand geopend in de editor met het skelet van een Visual Basic-klasse. (U kunt al merken dat u geen volledig Visual Studio-project hoeft te maken om enkele voordelen te krijgen die de code-editor biedt, zoals het markeren van syntaxis. U hebt alleen een codebestand nodig.)

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

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

  2. Op de menubalk, in het menu Bestand, selecteer Nieuw Bestand.

  3. Selecteer in het dialoogvenster Nieuw bestand, onder de categorie Algemeen, Visual Basic Classen selecteer daarna Openen.

    Er wordt een nieuw bestand geopend in de editor met het skelet van een Visual Basic-klasse. (U kunt al merken dat u geen volledig Visual Studio-project hoeft te maken om enkele voordelen te krijgen die de code-editor biedt, zoals het markeren van syntaxis. U hebt alleen een codebestand nodig.)

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

Codefragmenten gebruiken

Visual Studio biedt codefragmenten die u kunt gebruiken om snel en eenvoudig veelgebruikte codeblokken te genereren. codefragmenten zijn beschikbaar voor verschillende programmeertalen, waaronder Visual Basic, C# en C++. U voegt nu het Visual Basic Sub-fragment toe aan het bestand.

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

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

    schermopname van het codefragment IntelliSense voor een subcode in Visual Studio.

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

    Het overzicht van de subprocedure MySub() wordt toegevoegd aan het bestand.

De beschikbare codefragmenten variëren voor verschillende programmeertalen. U kunt de beschikbare codefragmenten voor Visual Basic bekijken door Bewerken>IntelliSense>Fragment invoegen te kiezen (of druk op Ctrl+K, Ctrl+X). Voor Visual Basic zijn codefragmenten beschikbaar voor de volgende categorieën:

Schermopname van het venster Fragment invoegen met een lijst met categoriemappen die Visual Basic-codefragmenten bevatten.

Er zijn codefragmenten voor het controleren of een bestand op de computer bestaat, het schrijven naar een tekstbestand, het lezen van een registerwaarde, het uitvoeren van een SQL-query of het maken van een Voor Elke...Volgende instructie, en nog veel meer.

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

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

    Schermopname van de IntelliSense-functie voor een Sub-codefragment in Visual Studio.

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

    Het overzicht van de subprocedure MySub() 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 fragment te selecteren>Fragment invoegen (of door op Ctrl+Kte drukken, Ctrl+X-). Voor Visual Basic zijn codefragmenten beschikbaar voor de volgende categorieën:

Schermopname van het venster Fragment invoegen met een lijst met categoriemappen die Visual Basic-codefragmenten bevatten.

Code in commentaar plaatsen

In deze sectie zet u wat code in commentaar.

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 MySub() 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 morewords 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 morewords 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 Ctrl+K, Ctrl+C-.

    Schermopname van de werkbalk. De knop voor het uitcommentariëren van code is rood gemarkeerd.

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

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 MySub() 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 morewords 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 morewords tot aan de sluitende accolade en selecteer vervolgens de knop 'De geselecteerde regels uitcommentariëren' op de werkbalk. Als u het toetsenbord liever gebruikt, selecteert u Ctrl+K, Ctrl+C-.

    Schermopname van de werkbalk. De knop voor het uitcommentariëren van code is rood gemarkeerd.

    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 _words matrix samen te vouwen tot één regel code om te oefenen. Selecteer het kleine vak met het minteken erbinnen in de marge van de regel met de tekst Dim _words = New String() {. Als u een toetsenbordgebruiker bent, plaatst u de cursor ergens in de matrixdefinitie en selecteert u Ctrl+M, Ctrl+M.

schermopname van de Visual Studio Code-editor. De knop voor het samenvouwen van het overzicht van een sectie met code is rood gemarkeerd.

Het codeblok wordt samengevouwen tot alleen de eerste regel, gevolgd door een beletselteken (...). Als u het codeblok wilt uitvouwen, selecteert u hetzelfde vak, dat nu een plusteken bevat of selecteert u Ctrl+M, Ctrl+M- opnieuw. Deze functie wordt een overzicht gegeven van en is vooral handig wanneer u lange methoden of hele klassen samenvouwt.

U kunt secties met code samenvouwen, zodat u zich alleen kunt richten op de onderdelen die u interesseren. Probeer de _words matrix samen te vouwen tot één regel code om te oefenen. Selecteer de pijl-omlaag in de marge van de regel met de tekst Dim _words = New String() {. Als u een toetsenbordgebruiker bent, plaatst u de cursor ergens in de matrixdefinitie en selecteert u Ctrl+M, Ctrl+M.

schermopname van de Visual Studio Code-editor. De knop voor het samenvouwen van het overzicht van een sectie met code is rood gemarkeerd.

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, Ctrl+M-. Deze functie heet samenvouwen 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 of klasselid inspecteren. U kunt dit doen door naar het bestand te gaan dat de definitie bevat, bijvoorbeeld door met de rechtermuisknop te klikken en Ga naar definitie te selecteren waar 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. U bekijkt nu de definitie van het type String.

  1. Klik met de rechtermuisknop op het woord String en selecteer Definitie bekijken. Of druk op Alt+F12.

    Er wordt een pop-upvenster met de definitie van de klasse String 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.

Met de Visual Studio-editor kunt u eenvoudig de definitie van een type of klasselid inspecteren. U kunt dit doen door naar het bestand te gaan dat de definitie bevat, bijvoorbeeld door met de rechtermuisknop te klikken en Ga naar definitie te selecteren waar 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. U bekijkt nu de definitie van het type String.

  1. Klik met de rechtermuisknop op het woord String en selecteer Definitie bekijken. Of druk op Alt+F12.

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

    Schermafbeelding 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. U voegt nu een coderegel toe om de geordende tekenreeksen weer te geven in het consolevenster, de standaardlocatie waar de uitvoer van een programma naartoe gaat.

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

    For Each str In qu
    

    U ziet dat IntelliSense u snelle informatie over het query symbool.

    Schermopname van het IntelliSense-woordvoltooiingsvenster voor het woord 'query' in de code-editor van 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.

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

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. U voegt nu een regel code toe 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:

    For Each str In qu
    

    IntelliSense bevat snelle informatie over het query symbool.

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

  2. Als u de rest van het woord query 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 code in één keer goed, en iets dat u mogelijk moet veranderen, is de naam van een variabele of methode. U gaat nu de refactorfunctionaliteit van Visual Studio proberen om de variabele _words een andere naam te geven in words.

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

    Er wordt een venster Naam van wijzigen weergegeven in de rechterbovenhoek van de editor.

  2. Terwijl de variabele _words nog steeds geselecteerd, voert u de gewenste naam in: woorden. U ziet dat de verwijzing naar words in de query automatisch wordt gewijzigd. Voordat u op Enter- drukt of toepassen selecteert, schakelt u het selectievakje Opmerkingen opnemen in het venster Naam van wijzigen in.

    Schermopname van het venster Naam wijzigen voor de variabele '_words'. Het selectievakje Opmerkingen opnemen is ingeschakeld.

  3. Druk op Enter of selecteer toepassen.

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

Niemand schrijft de eerste keer code foutloos, en een van de dingen die u wellicht moet wijzigen, is de naam van een variabele of methode. U gaat nu de functionaliteit van Visual Studio herstructureren om de naam van de variabele _words te wijzigen in words.

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

    Er verschijnt een venster voor hernoemen.

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

    Schermopname van het venster Naam wijzigen. Het selectievakje Opmerkingen opnemen is ingeschakeld.

  3. Kies Druk op.

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

Volgende stap