Udostępnij za pośrednictwem


Samouczek: dowiedz się, jak używać edytora kodu z Visual Basic

W tym samouczku wypróbujesz edytor kodu w Visual Studio. Dodasz kod do pliku, aby poznać niektóre sposoby, które Visual Studio ułatwiają pisanie, nawigację i zrozumienie kodu Visual Basic.

W tym artykule założono, że znasz już Visual Basic. Jeśli tak nie jest, możesz zacząć od samouczka, takiego jak Utwórz prostą aplikację konsolową Visual Basic (VB), .

Aby ukończyć ten samouczek, upewnij się, że masz wybrane ustawienia Visual Basic dla Visual Studio. Aby uzyskać informacje na temat wybierania ustawień zintegrowanego środowiska projektowego (IDE), zobacz Wybieranie ustawień środowiska.

Jeśli musisz zainstalować Visual Studio, aby uzyskać bezpłatną wersję, zobacz Visual Studio downloads.

Tworzenie pliku kodu

Zacznij od utworzenia pliku i dodania do niego kodu.

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

  2. W menu Plik na pasku menu wybierz pozycję Nowyplik.

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

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy Visual Basic. Nie musisz tworzyć pełnego projektu Visual Studio, aby uzyskać niektóre korzyści zapewniane przez edytor kodu, takie jak wyróżnianie składni. Wszystko, czego potrzebujesz, to plik kodu.

    Zrzut ekranu nowego pliku klasy Visual Basic w edytorze kodu Visual Studio.

Używanie fragmentów kodu

Visual Studio udostępnia fragmenty kodu, które można użyć do szybkiego i łatwego generowania często używanych bloków kodu. Kody kodu są dostępne dla różnych języków programowania, w tym Visual Basic, C# i C++. Dodaj fragment kodu Visual Basic Sub do pliku.

  1. Umieść kursor nad wierszem i wpisz sub.

    Zostanie wyświetlone okno podręczne z informacjami na temat słowa kluczowego oraz sposobu wstawiania fragmentu kodu Sub.

    Zrzut ekranu funkcji IntelliSense dla fragmentu kodu procedury Sub w Visual Studio.

  2. Wybierz dwukrotnie kartę , a następnie kartę, aby wstawić fragment kodu.

    Konspekt procedury podrzędnej jest dodawany do pliku.

Dostępne fragmenty kodu różnią się w różnych językach programowania. Dostępne fragmenty kodu dla Visual Basic można wyświetlić, klikając prawym przyciskiem myszy w edytorze kodu i wybierając pozycję Snippet>Wstaw fragment kodu (lub naciskając Ctrl+K, Ctrl+X). W przypadku Visual Basic fragmenty kodu są dostępne dla następujących kategorii:

Zrzut ekranu przedstawiający okno Wstawianie fragmentu kodu z listą folderów kategorii zawierających fragmenty kodu w języku Visual Basic.

Zakomentuj kod

W tej sekcji zakomentujesz część kodu.

 Zrzut ekranu przedstawiający pasek narzędzi w Visual Studio, który zawiera przyciski dodawania i usuwania komentarzy do kodu.

  1. Wklej następujący kod do 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. Załóżmy, że nie używasz tablicy , ale możesz jej użyć później, więc nie chcesz jej usuwać. Zamiast tego możesz zakomentować te wiersze. Wybierz całą definicję do zamykającego nawiasu klamrowego, a następnie wybierz przycisk Zakomentuj zaznaczone wiersze na pasku narzędzi. Jeśli wolisz używać klawiatury, wybierz CtrlK, CtrlC.

    Zrzut ekranu przedstawiający pasek narzędzi z przyciskiem umożliwiającym komentowanie kodu wyróżnionego na czerwono.

    Znak komentarza Visual Basic ' jest dodawany na początku każdego zaznaczonego wiersza, aby zakomentować kod.

Zwiń bloki kodu

Możesz zwinąć sekcje kodu, aby skoncentrować się tylko na interesujących Cię częściach. Aby przećwiczyć, spróbuj zwijać tablicę do jednego wiersza kodu. Wybierz strzałkę w dół na marginesie wiersza, który zawiera . Lub jeśli jesteś użytkownikiem klawiatury, umieść kursor w dowolnym miejscu w definicji tablicy i wybierz CtrlM, CtrlM.

Zrzut ekranu edytora Visual Studio Code z przyciskiem do zwijania konturu sekcji kodu wyróżnionym na czerwono.

Blok kodu zwija się tylko do pierwszego wiersza, po którym następuje wielokropek (). Strzałka w dół na marginesie jest teraz strzałką wskazującą w prawo. Aby rozwinąć blok kodu, wybierz strzałkę lub naciśnij CtrlM, CtrlM ponownie. Ta funkcja nazywa się konturowanie. Jest to szczególnie przydatne w przypadku skrócenia długich metod lub całych klas.

Wyświetlanie definicji symboli

Edytor Visual Studio umożliwia łatwe przeglądanie definicji typu lub członka klasy. Możesz to zrobić, przechodząc do pliku zawierającego definicję. Na przykład kliknij prawym przyciskiem myszy i wybierz polecenie Przejdź do definicji w dowolnym miejscu, do których odwołuje się symbol. Jeszcze szybciej, bez odciągania uwagi od pliku, w którym pracujesz, możesz skorzystać z funkcji Podgląd definicji.

  1. Kliknij prawym przyciskiem myszy wyraz i wybierz pozycję Zobacz definicję. Lub naciśnij AltF12.

    Pojawi się okno podręczne zawierające definicję klasy. Możesz przeglądać okno podręczne, a nawet zajrzeć do definicji innego typu z podglądanego kodu.

    zrzut ekranu przedstawiający okno podręczne z Podglądem Definicji zawierające definicję klasy String.

  2. Zamknij okno Podgląd Definicji, wybierając Przycisk Zamknij znajdujący się w prawym górnym rogu okna podręcznego.

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

IntelliSense to cenne narzędzie podczas kodowania. Może wyświetlać informacje o dostępnych składowych typu lub szczegóły parametrów dla różnych przeciążeń metody. Możesz również użyć funkcji IntelliSense, aby dokończyć wyraz po wpisaniu wystarczającej liczby znaków, aby jednoznacznie określić jego znaczenie. Teraz dodaj wiersz kodu, aby wyświetlić uporządkowane ciągi w oknie konsoli, standardowym miejscu wyświetlania danych wyjściowych programu.

  1. Poniżej zmiennej rozpocznij wpisywanie następującego kodu:

    For Each str In qu
    

    Funkcja IntelliSense wyświetla szybkie informacje o symbolu .

    Zrzut ekranu okna autouzupełniania IntelliSense dla wyrazu 'query' w edytorze kodu w Visual Studio.

  2. Aby uzupełnić resztę wyrazu za pomocą funkcji IntelliSense do uzupełniania wyrazów, wybierz Tab.

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

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

Zmień nazwę

Nikt nie otrzymuje kodu po raz pierwszy. Jedną z rzeczy, które może być konieczna zmiana, jest nazwa zmiennej lub metody. Spróbuj użyć funkcji Visual Studio refactor, aby zmienić nazwę zmiennej _words na words.

  1. Kliknij prawym przyciskiem myszy definicję zmiennej i wybierz pozycję Zmień nazwę.

    Zostanie wyświetlone okno zmiany nazwy.

  2. Z nadal wybraną zmienną wprowadź żądaną nazwę: . Zwróć uwagę, że nazwa odwołania do w zapytaniu jest automatycznie zmieniana. Przed wybraniem Wprowadźzaznacz pole wyboru Dołącz komentarze w oknie Zmień nazwę.

    Zrzut ekranu okna Zmień nazwę pokazujący zaznaczone pole wyboru "Dołącz komentarze".

  3. Wybierz pozycję Wprowadź.

    Zarówno oba wystąpienia , jak i odwołanie do w komentarzu kodu, zostały przemianowane.

  • fragmenty kodu
  • nawigowanie po kodzie
  • Konspekt
  • przejdź do definicji i zobacz definicję
  • Refaktoryzacja kodu
  • IntelliSense

Dowiedz się więcej o projektach i rozwiązaniach