Dowiedz się, jak używać edytora kodu

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

Porada

Jeśli nie masz jeszcze zainstalowanego Visual Studio, przejdź do strony pobierania Visual Studio, aby zainstalować ją bezpłatnie.

Porada

Jeśli nie masz jeszcze zainstalowanego Visual Studio, przejdź do strony pobierania Visual Studio, aby zainstalować ją bezpłatnie.

Jeśli nie masz jeszcze zainstalowanego Visual Studio, przejdź do strony pobierania Visual Studio, aby zainstalować ją bezpłatnie.

W tym artykule założono, że znasz już język programowania. Jeśli nie, zalecamy, aby najpierw przyjrzeć się jednem z przewodników Szybki start dotyczących programowania, takim jak tworzenie aplikacji internetowej przy użyciu języka Python lub C# albo tworzenie aplikacji konsolowej przy użyciu języka Visual Basic lub C++.

Porada

Aby wykonać czynności z tego artykułu, upewnij się, że masz wybrane ustawienia języka C# dla 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.

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

  3. W oknie dialogowym Nowy plik w kategorii Ogólne wybierz pozycję Visual C# Class (Klasa Visual C#), a następnie wybierz pozycję Open (Otwórz).

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy języka C#. (Zwróć uwagę, że nie musimy tworzyć pełnego projektu Visual Studio, aby uzyskać niektóre korzyści, które oferuje edytor kodu. Wystarczy tylko plik kodu).

    Zrzut ekranu przedstawiający plik kodu C# w Visual Studio.

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

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

  3. W oknie dialogowym Nowy plik w kategorii Ogólne wybierz pozycję Visual C# Class (Klasa Visual C#), a następnie wybierz pozycję Open (Otwórz).

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy języka C#. (Zwróć uwagę, że nie musimy tworzyć pełnego projektu Visual Studio, aby uzyskać niektóre korzyści, które oferuje edytor kodu. Wystarczy tylko plik kodu).

    Zrzut ekranu przedstawiający plik kodu C# w Visual Studio.

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

  2. Z menu Plik na pasku menu wybierz pozycję Nowy > plik lub naciśnij klawisze CtrlN+.

  3. W oknie dialogowym Nowy plik w kategorii Ogólne wybierz pozycję Visual C# Class (Klasa Visual C#), a następnie wybierz pozycję Open (Otwórz).

    W edytorze zostanie otwarty nowy plik ze szkieletem klasy języka C#.

    Zrzut ekranu przedstawiający plik kodu C# w Visual Studio 2022 r.

Używanie fragmentów kodu

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

Dodajmy fragment kodu w języku C# void Main do naszego pliku.

  1. Umieść kursor tuż nad zamykającym nawiasem klamrowym } w pliku i wpisz znaki svm. (svm oznacza static void Main; metoda Main() jest punktem wejścia dla aplikacji języka C#).

    Zostanie wyświetlone okno podręczne z informacjami o fragmencie svm kodu.

    Zrzut ekranu przedstawiający okno podręczne funkcji IntelliSense dla fragmentu kodu w Visual Studio.

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

    Zobaczysz, że sygnatura static void Main() metody zostanie dodana do pliku.

Dostępne fragmenty kodu różnią się w zależności od języka programowania. Możesz zapoznać się z dostępnymi fragmentami kodu dla swojego języka, wybierając pozycję EditIntelliSenseInsert Snippet (Edytuj)SenseInsert Snippet (Fragment kodu funkcji EditIntelliSenseInsert > > ), a następnie wybierając folder języka. W przypadku języka C# lista wygląda następująco:

Zrzut ekranu przedstawiający okno podręczne funkcji IntelliSense dla listy fragmentów kodu w języku C#.

  1. Umieść kursor tuż nad zamykającym nawiasem } klamrowym w pliku i wpisz znaki svm.

    Zostanie wyświetlone okno podręczne z informacjami o fragmencie svm kodu.

    Zrzut ekranu przedstawiający okno podręczne funkcji IntelliSense dla fragmentu kodu w Visual Studio 2022 r.

  2. Wybierz dwukrotnie klawisz Tab , aby wstawić fragment kodu.

    Zobaczysz, że sygnatura static void Main() metody zostanie dodana do pliku. Metoda Main() jest punktem wejścia dla aplikacji języka C#.

Dostępne fragmenty kodu różnią się w zależności od języka programowania. Możesz zapoznać się z dostępnymi fragmentami kodu dla swojego języka, wybierając pozycję EditIntelliSenseInsert > > Snippet lub wybierając klawisze CtrlK+, CtrlX+, a następnie wybierając folder dla języka programowania. W przypadku języka C# lista fragmentów kodu wygląda następująco:

Zrzut ekranu przedstawiający okno podręczne funkcji IntelliSense dla listy fragmentów kodu w języku C#.

Lista zawiera fragmenty kodu służące do tworzenia klasy, konstruktora, pętli for , instrukcji if lub switch i nie tylko.

Kod komentarza

Pasek narzędzi, który jest wierszem przycisków pod paskiem menu w Visual Studio, może pomóc w produktywności podczas kodzie. Na przykład można przełączyć tryb uzupełniania funkcji IntelliSense (IntelliSense to pomoc w kodowaniu, która wyświetla między innymi listę pasujących metod), zwiększyć lub zmniejszyć wcięcie wiersza lub dodać jako komentarz kod, którego nie chcesz kompilować. W tej sekcji dowiesz się, jak skomentować kod.

Zrzut ekranu przedstawiający pasek narzędzi edytora w Visual Studio.

  1. Wklej następujący kod do treści Main() metody.

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Nie używamy zmiennej morewords , ale możemy jej użyć później, więc nie chcemy jej całkowicie usuwać. Zamiast tego dodajmy komentarz do tych wierszy. Wybierz całą definicję do morewords zamykającego średnika, a następnie wybierz przycisk Oznacz wybrane wiersze jako komentarz na pasku narzędzi. Jeśli wolisz używać klawiatury, naciśnij klawisze CtrlK+ i CtrlC+.

    Zrzut ekranu przedstawiający przycisk Oznacz jako komentarz na pasku narzędzi edytora w Visual Studio.

    Znaki komentarza w języku // C# są dodawane na początku każdego wybranego wiersza w celu komentarza kodu.

Pasek narzędzi Edytor tekstu, który jest wierszem przycisków pod paskiem menu w Visual Studio, pomaga zwiększyć produktywność podczas kodzie. Można na przykład przełączać tryb uzupełniania IntelliSense , zwiększać lub zmniejszać wcięcie wiersza lub oznaczać jako komentarz kod, którego nie chcesz kompilować.

Zrzut ekranu przedstawiający pasek narzędzi Edytor tekstu w Visual Studio 2022 r.

Dodajmy komentarz do kodu.

  1. Wklej następujący kod do treści Main() metody.

    // 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. Nie używamy zmiennej moreWords , ale możemy jej użyć później, więc nie chcemy jej usuwać. Zamiast tego wyeksmentujemy te wiersze. Zaznacz całą definicję w moreWords dół do zamykającego średnika, a następnie wybierz przycisk Oznacz wybrane wiersze jako komentarz na pasku narzędzi Edytora tekstów. Jeśli wolisz używać klawiatury, wybierz klawisze CtrlE+ i C.

    Zrzut ekranu przedstawiający przycisk Oznacz jako komentarz na pasku narzędzi edytora tekstu w Visual Studio 2022 r.

    Znaki komentarza w języku // C# są dodawane na początku każdego wybranego wiersza w celu komentarza kodu.

Jeśli chcesz usunąć zaznaczenie wierszy, możesz je zaznaczyć, a następnie wybrać przycisk Uncomment the selected lines (Cokłoń zaznaczone wiersze) na pasku narzędzi Edytora tekstu. Jeśli wolisz używać klawiatury, wybierz klawisze CtrlE+, U.

Zrzut ekranu przedstawiający przycisk Cokmentuj na pasku narzędzi edytora tekstu Visual Studio 2022 r.

Zwijanie bloków kodu

Nie chcemy widzieć pustego Class1konstruktora, który został wygenerowany dla klasy , więc aby usunąć ten widok kodu, zwińmy go. Wybierz małe szare pole ze znakiem minus na marginesie pierwszego wiersza konstruktora. Lub, jeśli wolisz używać klawiatury, umieść kursor w dowolnym miejscu w kodzie konstruktora i naciśnij klawisze CtrlM+, CtrlM+.

Zrzut ekranu przedstawiający przycisk Zwijanie zwijania na pasku narzędzi edytora tekstu Visual Studio.

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 ponownie klawisze CtrlM+ i CtrlM+. Ta funkcja jest nazywana zwijania i jest szczególnie przydatna w przypadku zwijania długich metod lub całych klas.

Nie chcemy widzieć pustego Class1konstruktora, który został wygenerowany dla klasy , więc aby usunąć ten widok kodu, zwińmy go. Wybierz małe szare pole ze znakiem minus na marginesie pierwszego wiersza konstruktora. Lub, jeśli wolisz używać klawiatury, umieść kursor w dowolnym miejscu w kodzie konstruktora i wybierz klawisze CtrlM+ i CtrlM+.

Zrzut ekranu przedstawiający przycisk Zwijanie zwijania na pasku narzędzi edytora tekstu Visual Studio 2022 r.

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 ponownie naciśnij klawisze CtrlM+ i CtrlM+. Ta funkcja jest nazywana zwijania i jest szczególnie przydatna w przypadku zwijania długich metod lub całych klas.

Wyświetlanie definicji symboli

Edytor Visual Studio ułatwia sprawdzanie definicji typu, metody itp. Jednym ze sposobów jest przejście do pliku zawierającego definicję, na przykład przez wybranie opcji Przejdź do definicji wszędzie tam, gdzie jest przywołyny symbol. Jeszcze szybszym sposobem, aby nie przenosić fokusu od pliku, w który pracujesz, jest użycie funkcji Podgląd definicji. Przyjrzyjmy się definicji string typu.

  1. Kliknij prawym przyciskiem myszy dowolne wystąpienie elementu i string wybierz polecenie Peek Definition (Podgląd definicji ) z menu zawartości. Możesz też nacisnąć klawisz AltF12+.

    Zostanie wyświetlone okno podręczne z definicją String klasy . Możesz przewijać w oknie podręcznym, a nawet podeglądać definicję innego typu ze podekiem kodu.

    Zrzut ekranu przedstawiający okno Zobacz definicję w Visual Studio.

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

Edytor Visual Studio ułatwia sprawdzanie definicji typu, metody lub zmiennej. Jednym ze sposobów jest przejdź do definicji, w dowolnym pliku, wybierając pozycję Przejdź do definicji lub wybierając klawisz F12 w dowolnym miejscu, do którego odwołuje się symbol. Jeszcze szybszym sposobem, w jaki nie można odejść od kodu, nad który pracujesz, jest użycie funkcji Podgląd definicji.

Przyjrzyjmy się definicji string typu.

  1. Kliknij prawym przyciskiem myszy dowolne wystąpienie elementu i string wybierz polecenie Peek Definition (Podgląd definicji ) z menu zawartości. Możesz też wybrać klawisze AltF12+.

    Zostanie wyświetlone okno podręczne z definicją String klasy . Możesz przewijać w oknie podręcznym, a nawet podeglądać definicję innego typu ze podekiem kodu.

    Zrzut ekranu przedstawiający okno Zobacz definicję w Visual Studio 2022 r.

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

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

IntelliSense to nieoceny zasób podczas kodowania. Może ona wyświetlać informacje o dostępnych członkach typu lub szczegóły parametrów dla różnych przeciążeń metody. Możesz również użyć funkcji IntelliSense, aby zakończyć wyraz po wpisaniu wystarczającej ilości znaków, aby go ujmować. Dodajmy wiersz kodu, aby wydrukować uporządkowane ciągi w oknie konsoli, które jest standardowym miejscem dla danych wyjściowych programu.

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

    foreach (string str in qu
    

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

    Zrzut ekranu przedstawiający wyskakujące okienko uzupełniania wyrazów funkcji IntelliSense Visual Studio.

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

  3. Zakończ blok kodu, aby wyglądał jak poniższy kod. Możesz nawet ponownie ćwiczyć korzystanie z fragmentów kodu, wprowadzając, cw a następnie naciskając dwukrotnie klawisz Tab , aby wygenerować Console.WriteLine kod.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense to nieoceny zasób podczas kodowania. Może ona wyświetlać informacje o dostępnych członkach typu lub szczegóły parametrów dla różnych przeciążeń metody. Możesz również użyć funkcji IntelliSense, aby zakończyć wyraz po wpisaniu wystarczającej ilości znaków, aby go ujmować.

Dodajmy wiersz kodu, aby wydrukować uporządkowane ciągi w oknie konsoli, które jest standardowym miejscem dla danych wyjściowych programu.

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

    foreach (string str in qu
    

    Zostanie wyświetlone okno podręczne funkcji IntelliSense z informacjami o query symbolu.

    Zrzut ekranu przedstawiający wyskakujące okienko uzupełniania wyrazów funkcji IntelliSense Visual Studio 2022 r.

  2. Aby wstawić pozostałą część wyrazu przy query użyciu uzupełniania wyrazów funkcji IntelliSense, wybierz klawisz Tab .

  3. Zakończ blok kodu, aby wyglądał jak poniższy kod. Możesz ćwiczyć z fragmentami kodu, wprowadzając, a cw następnie dwukrotnie wybierając klawisz Tab , aby wygenerować instrukcje Console.WriteLine .

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

Refaktoryzacja nazwy

Nikt nie otrzymuje kodu po raz pierwszy, a jedną z rzeczy, które trzeba zmienić, jest nazwa zmiennej lub metody. Wypróbujmy funkcję refaktoryzacji Visual Studio, aby zmienić nazwę zmiennej _words na words.

  1. Umieść kursor na definicji _words zmiennej i wybierz pozycję Zmień nazwę z menu kontekstowego lub kliknij prawym przyciskiem myszy albo naciśnij klawisze CtrlR+ i CtrlR+.

    W prawym górnym rogu edytora zostanie wyświetlone okno dialogowe Zmień nazwę.

  2. Wprowadź żądane wyrazy nazw. Zwróć uwagę, że nazwa odwołania do words w zapytaniu jest również automatycznie zmieniana. Przed naciśnięciem klawisza Enter zaznacz pole wyboru Uwzględnij komentarze w oknie podręcznym Zmień nazwę.

    Zrzut ekranu przedstawiający okno dialogowe Zmienianie nazwy w Visual Studio.

  3. Naciśnij klawisz Enter.

Oba wystąpienia zostały words zmienione, words a także odwołanie do w komentarzu do kodu.

Nikt nie otrzymuje kodu po raz pierwszy, a jedną z rzeczy, które trzeba zmienić, jest nazwa zmiennej lub metody. Wypróbujmy funkcję refaktoryzacji Visual Studio, aby zmienić nazwę zmiennej someWords na unsortedWords.

  1. Umieść kursor na definicji someWords zmiennej, a następnie wybierz pozycję Zmień nazwę z menu kontekstowego lub kliknij prawym przyciskiem myszy lub wybierz klawisz F2.

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

    Zrzut ekranu przedstawiający okno podręczne Zmienianie nazwy w edytorze Visual Studio 2022 r.

  2. Wprowadź żądaną nazwę unsortedWords. Zobaczysz, że odwołanie unsortedWords do w instrukcji query przypisania również jest automatycznie zmieniane. Przed wybraniem klawisza Enter lub wybraniem przycisku Zastosuj zaznacz pole wyboru Uwzględnij komentarze w oknie podręcznym Zmień nazwę.

    Zrzut ekranu przedstawiający okno podręczne Zmienianie nazwy w Visual Studio 2022 r.

  3. Wybierz klawisz Enter lub wybierz pozycję Zastosuj w oknie dialogowym Zmienianie nazwy.

    Nazwy obu wystąpień someWords w kodzie zostały zmienione, someWords a także tekstu w komentarzu do kodu.

Następne kroki

Zobacz też