Udostępnij za pośrednictwem


Dowiedz się, jak używać edytora kodu w visual basic

W tym 10-minutowym wprowadzeniu do edytora kodu w programie Visual Studio dodamy kod do pliku, aby przyjrzeć się niektórym sposobom, w jaki program Visual Studio ułatwia pisanie, nawigację i zrozumienie kodu języka Visual Basic.

Napiwek

Jeśli program Visual Studio nie został jeszcze zainstalowany, przejdź do strony pobierania programu Visual Studio, aby zainstalować ją bezpłatnie.

W tym artykule założono, że znasz już język Visual Basic. Jeśli tak nie jest, zalecamy zapoznanie się z samouczkiem, takim jak Najpierw utwórz prostą aplikację konsolową Języka Visual Basic (VB).

Napiwek

Aby wykonać czynności opisane w tym artykule, upewnij się, że masz wybrane ustawienia języka Visual Basic dla programu Visual Studio. Aby uzyskać informacje na temat wybierania ustawień zintegrowanego środowiska projektowego (IDE), zobacz Wybieranie ustawień środowiska.

Tworzenie nowego pliku kodu

Zacznij od utworzenia nowego pliku i dodania do niego kodu.

  1. Otwórz program Visual Studio. Naciśnij klawisz Esc lub kliknij przycisk Kontynuuj bez kodu w oknie uruchamiania, aby otworzyć środowisko deweloperskie.

  2. W menu Plik na pasku menu wybierz pozycję Nowy plik.

  3. W oknie dialogowym Nowy plik w kategorii Ogólne wybierz pozycję Klasa Visual Basic, a następnie wybierz pozycję Otwórz.

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy Visual Basic. (Możesz już zauważyć, że nie musisz tworzyć pełnego projektu programu Visual Studio, aby uzyskać niektóre korzyści, które oferuje edytor kodu, takie jak wyróżnianie składni. Wszystko, czego potrzebujesz, to plik kodu!)

    Screenshot showing a new Visual Basic class file in the Visual Studio code editor.

  1. Otwórz program Visual Studio. Naciśnij klawisz Esc lub wybierz pozycję Kontynuuj bez kodu w oknie uruchamiania, aby otworzyć środowisko deweloperskie.

  2. W menu Plik na pasku menu wybierz pozycję Nowy>plik.

  3. W oknie dialogowym Nowy plik w kategorii Ogólne wybierz pozycję Klasa Visual Basic, a następnie wybierz pozycję Otwórz.

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy Visual Basic. (Możesz już zauważyć, że nie musisz tworzyć pełnego projektu programu Visual Studio, aby uzyskać niektóre korzyści, które oferuje edytor kodu, takie jak wyróżnianie składni. Wszystko, czego potrzebujesz, to plik kodu!)

    Screenshot showing a new Visual Basic class file in the Visual Studio code editor.

Używanie fragmentów kodu

Program Visual Studio udostępnia przydatne fragmenty kodu, których można używać do szybkiego i łatwego generowania często używanych bloków kodu. Fragmenty kodu są dostępne dla różnych języków programowania, takich jak Visual Basic, C# i C++. Dodajmy fragment kodu sub języka Visual Basic do naszego pliku.

  1. Umieść kursor nad wierszem, który mówi End Class, i wpisz pod.

    Zostanie wyświetlone okno dialogowe z informacjami o słowie Sub kluczowym i sposobami wstawiania fragmentu kodu podrzędnego.

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

  2. Naciśnij dwukrotnie klawisz Tab , aby wstawić fragment kodu.

    Konspekt procedury MySub() podrzędnej jest dodawany do pliku.

Dostępne fragmenty kodu różnią się w różnych językach programowania. Aby zapoznać się z dostępnymi fragmentami kodu dla języka Visual Basic, wybierz pozycję Edytuj>wstaw fragment kodu IntelliSense>(lub naciśnij klawisze Ctrl+K, Ctrl+X). W przypadku języka Visual Basic fragmenty kodu są dostępne dla następujących kategorii:

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

Istnieją fragmenty kodu służące do określania, czy plik istnieje na komputerze, zapis w pliku tekstowym, odczytywanie wartości rejestru, wykonywanie zapytania SQL lub tworzenie elementu dla każdego... Następna instrukcja i wiele innych.

  1. Umieść kursor nad wierszem, który mówi End Class, i wpisz pod.

    Zostanie wyświetlone okno dialogowe z informacjami o słowie Sub kluczowym i sposobami wstawiania fragmentu kodu podrzędnego.

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

  2. Naciśnij dwukrotnie klawisz Tab , aby wstawić fragment kodu.

    Konspekt procedury MySub() podrzędnej jest dodawany do pliku.

Dostępne fragmenty kodu różnią się w różnych językach programowania. Możesz przejrzeć dostępne fragmenty kodu dla języka Visual Basic, otwierając menu prawym przyciskiem myszy lub kontekstowe w edytorze kodu i wybierając pozycję Wstaw fragment> kodu (lub naciśnij klawisze Ctrl K, Ctrl++X). W przypadku języka Visual Basic fragmenty kodu są dostępne dla następujących kategorii:

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

Oznacz jako komentarz kod

Pasek narzędzi, który jest wierszem przycisków na pasku menu w programie Visual Studio, może pomóc zwiększyć produktywność w miarę programowania. Można na przykład przełączać tryb uzupełniania funkcji IntelliSense, zwiększać lub zmniejszać wcięcie wiersza albo oznaczać kod komentarza, którego nie chcesz kompilować. (IntelliSense to pomoc programowa, która wyświetla między innymi listę pasujących metod). W tej sekcji oznaczymy jako komentarz kod.

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. Wklej następujący kod do MySub() treści procedury.

    ' _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. Nie używamy morewords tablicy, ale możemy jej użyć później, więc nie chcemy jej całkowicie usuwać. Zamiast tego skomentujmy te wiersze. Wybierz całą definicję morewords zamykającego nawiasu klamrowego, a następnie wybierz przycisk Oznacz jako komentarz zaznaczony wiersz na pasku narzędzi. Jeśli wolisz używać klawiatury, naciśnij klawisze Ctrl K, Ctrl++C.

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    Znak ' komentarza języka Visual Basic jest dodawany na początku każdego zaznaczonego wiersza w celu dodania komentarza do kodu.

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. Wklej następujący kod do MySub() treści procedury.

    ' _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. Nie używamy morewords tablicy, ale możemy jej użyć później, więc nie chcemy jej całkowicie usuwać. Zamiast tego skomentujmy te wiersze. Wybierz całą definicję morewords zamykającego nawiasu klamrowego, a następnie wybierz przycisk Oznacz jako komentarz zaznaczony wiersz na pasku narzędzi. Jeśli wolisz używać klawiatury, naciśnij klawisze Ctrl K, Ctrl++C.

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    Znak ' komentarza języka Visual Basic jest dodawany na początku każdego zaznaczonego wiersza w celu dodania komentarza do kodu.

Zwiń bloki kodu

Możesz zwinąć sekcje kodu, aby skoncentrować się tylko na interesujących Cię częściach. Aby przećwiczyć, zwińmy tablicę _words do jednego wiersza kodu. Wybierz małe szare pole z znakiem minus wewnątrz niego na marginesie wiersza, który mówi Dim _words = New String() {. Lub, jeśli jesteś użytkownikiem klawiatury, umieść kursor w dowolnym miejscu w definicji tablicy i naciśnij klawisze Ctrl+M, Ctrl+M.

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

Blok kodu zwija się tylko do pierwszego wiersza, po którym następuje wielokropek (...). Aby ponownie rozwinąć blok kodu, kliknij to samo szare pole, które ma teraz znak plus, lub naciśnij klawisze Ctrl+M, Ctrl+M ponownie. Ta funkcja jest nazywana konspektowaniem i jest szczególnie przydatna w przypadku zwijania długich metod lub całych klas.

Możesz zwinąć sekcje kodu, aby skoncentrować się tylko na interesujących Cię częściach. Aby przećwiczyć, zwińmy tablicę _words do jednego wiersza kodu. Wybierz małe szare pole z znakiem minus wewnątrz niego na marginesie wiersza, który mówi Dim _words = New String() {. Lub, jeśli jesteś użytkownikiem klawiatury, umieść kursor w dowolnym miejscu w definicji tablicy i naciśnij klawisze Ctrl+M, Ctrl+M.

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

Blok kodu zwija się tylko do pierwszego wiersza, po którym następuje wielokropek (...). Aby ponownie rozwinąć blok kodu, wybierz to samo szare pole, które ma teraz znak plus, lub naciśnij klawisze Ctrl+M, Ctrl+M ponownie. Ta funkcja jest nazywana konspektowaniem i jest szczególnie przydatna w przypadku zwijania długich metod lub całych klas.

Wyświetlanie definicji symboli

Edytor programu Visual Studio ułatwia sprawdzanie definicji typu, metody itp. Jednym ze sposobów jest przejście do pliku zawierającego definicję, na przykład wybranie pozycji Przejdź do definicji w dowolnym miejscu, do którego odwołuje się symbol. Jeszcze szybszym sposobem, w jaki nie przenosisz fokusu od pliku, w którym pracujesz, jest użycie funkcji Podgląd definicji. Przyjrzyjmy się definicji String typu.

  1. Kliknij prawym przyciskiem myszy wyraz String i wybierz pozycję Zobacz definicję z menu zawartości. Lub naciśnij klawisze Alt+F12.

    Zostanie wyświetlone okno podręczne z definicją String klasy. Możesz przewinąć okno podręczne, a nawet zajrzeć do definicji innego typu z podglądu kodu.

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

  2. Zamknij okno podglądu definicji, wybierając małe pole z tekstem "x" w prawym górnym rogu okna podręcznego.

Edytor programu Visual Studio ułatwia sprawdzanie definicji elementu członkowskiego typu lub klasy. Jednym ze sposobów jest przejście do pliku zawierającego definicję, na przykład wybranie pozycji Przejdź do definicji w dowolnym miejscu, do którego odwołuje się symbol. Jeszcze szybszym sposobem, w jaki nie przenosisz fokusu od pliku, w którym pracujesz, jest użycie funkcji Podgląd definicji. Przyjrzyjmy się definicji String typu.

  1. Kliknij prawym przyciskiem myszy wyraz String i wybierz pozycję Zobacz definicję z menu zawartości. Lub naciśnij klawisze Alt+F12.

    Zostanie wyświetlone okno podręczne z definicją String klasy. Możesz przewinąć okno podręczne, a nawet zajrzeć do definicji innego typu z podglądu kodu.

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

  2. Zamknij okno definicji podglądu, wybierając małe pole z tekstem "x" w prawym górnym rogu okna podręcznego.

Używanie funkcji IntelliSense do uzupełniania wyrazów

Funkcja IntelliSense to nieoceniony zasób podczas kodowania. Może wyświetlać informacje o dostępnych elementach członkowskich typu lub szczegóły parametrów dla różnych przeciążeń metody. Możesz również użyć funkcji IntelliSense, aby ukończyć wyraz po wpisaniu wystarczającej liczby znaków, aby go uściślić. Dodajmy wiersz kodu, aby wyświetlić uporządkowane ciągi w oknie konsoli, co jest standardowym miejscem dla danych wyjściowych z programu do przejścia.

  1. Poniżej zmiennej query zacznij wpisywać następujący kod:

    For Each str In qu
    

    Zobaczysz , że funkcja IntelliSense wyświetla szybkie informacje o symbolu query .

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

  2. Aby wstawić resztę wyrazu query przy użyciu funkcji uzupełniania wyrazów intelliSense, naciśnij klawisz Tab.

  3. Zakończ blok kodu, aby wyglądał podobnie do poniższego kodu.

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

Funkcja IntelliSense to nieoceniony zasób podczas kodowania. Może wyświetlać informacje o dostępnych elementach członkowskich typu lub szczegóły parametrów dla różnych przeciążeń metody. Możesz również użyć funkcji IntelliSense, aby ukończyć wyraz po wpisaniu wystarczającej liczby znaków, aby go uściślić. Dodajmy wiersz kodu, aby wyświetlić uporządkowane ciągi w oknie konsoli, co jest standardowym miejscem dla danych wyjściowych z programu do przejścia.

  1. Poniżej zmiennej query zacznij wpisywać następujący kod:

    For Each str In qu
    

    Zobaczysz , że funkcja IntelliSense wyświetla szybkie informacje o symbolu query .

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

  2. Aby wstawić resztę wyrazu query przy użyciu funkcji uzupełniania wyrazów intelliSense, naciśnij klawisz Tab.

  3. Zakończ blok kodu, aby wyglądał podobnie do poniższego kodu.

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

Refaktoryzacja nazwy

Nikt nie otrzymuje kodu po raz pierwszy, a jedną z rzeczy, które może być konieczne zmiany, jest nazwa zmiennej lub metody. Wypróbujmy refaktoryzację funkcji refaktoryzacji programu Visual Studio, aby zmienić nazwę zmiennej _words na words.

  1. Umieść kursor nad definicją zmiennej _words i wybierz polecenie Zmień nazwę w menu kontekstowym lub prawym przyciskiem myszy.

    W prawym górnym rogu edytora zostanie wyświetlone okno dialogowe Zmienianie nazwy.

  2. Po wybraniu zmiennej _words wpisz żądaną nazwę wyrazów. Zwróć uwagę, że odwołanie do words elementu w zapytaniu również jest automatycznie zmieniane. Przed naciśnięciem klawisza Enter lub kliknięciem przycisku Zastosuj zaznacz pole wyboru Uwzględnij komentarze w oknie podręcznym Zmień nazwę .

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Naciśnij klawisz Enter lub kliknij przycisk Zastosuj.

    Nazwy obu wystąpień words są zmieniane, a także odwołanie do words w komentarzu kodu.

Nikt nie otrzymuje kodu po raz pierwszy, a jedną z rzeczy, które może być konieczne zmiany, jest nazwa zmiennej lub metody. Wypróbujmy refaktoryzację funkcji refaktoryzacji programu Visual Studio, aby zmienić nazwę zmiennej _words na words.

  1. Umieść kursor nad definicją zmiennej _words i wybierz polecenie Zmień nazwę w menu kontekstowym lub prawym przyciskiem myszy.

    W prawym górnym rogu edytora zostanie wyświetlone okno dialogowe Zmienianie nazwy.

  2. Po wybraniu zmiennej _words wpisz żądaną nazwę wyrazów. Zwróć uwagę, że odwołanie do words elementu w zapytaniu również jest automatycznie zmieniane. Przed naciśnięciem klawisza Enter lub Zastosuj zaznacz pole wyboru Uwzględnij komentarze w oknie podręcznym Zmień nazwę .

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Naciśnij klawisz Enter lub wybierz pozycję Zastosuj.

    Nazwy obu wystąpień words są zmieniane, a także odwołanie do words w komentarzu kodu.

Następne kroki

Zobacz też