Udostępnij za pośrednictwem


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, w jaki program Visual Studio ułatwia pisanie, nawigację i zrozumienie kodu.

Napiwek

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

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

W tym artykule założono, że znasz już język programowania. Jeśli nie jesteś, zalecamy zapoznanie się z jednym z przewodników szybkiego startu programowania, takich jak tworzenie aplikacji internetowej z Python lub C#albo tworzenie aplikacji konsolowej przy użyciu Visual Basic lub C++.

Napiwek

Aby postępować zgodnie z tym artykułem, upewnij się, że masz wybrane ustawienia języka C# 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 Esc lub kliknij Kontynuuj bez kodu w oknie startowym, aby otworzyć środowisko programistyczne.

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

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

    Nowy plik zostanie otwarty w edytorze ze szkieletem klasy języka C#. (Zwróć uwagę, że nie musimy tworzyć pełnego projektu programu Visual Studio, aby uzyskać niektóre korzyści, jakie oferuje edytor kodu; wszystko, czego potrzebujesz, to plik kodu!)

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

  1. Otwórz program Visual Studio. Wybierz przycisk Esc lub wybierz pozycję Kontynuuj bez kodu na oknie startowym, aby otworzyć środowisko programistyczne.

  2. Z menu Plik na pasku menu wybierz pozycję Nowy>Pliklub użyj klawiszy Ctrl+N.

  3. W oknie dialogowym Nowy plik, w kategorii Ogólne, wybierz klasę C#, a następnie wybierz Otwórz.

    Nowy plik zostanie otwarty w edytorze ze szkieletem klasy języka C#.

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

Korzystanie z narzędzia GitHub Copilot

GitHub Copilot działa jako pomocnik AI, aby zapewnić autouzupełnianie kodu i sugestie kodu wielowierszowego z obsługą kontekstu w czasie rzeczywistym, bezpośrednio w edytorze. Narzędzie GitHub Copilot zamienia komunikaty języka naturalnego, w tym komentarze i nazwy metod, na propozycje kodu. Sugestie można wyświetlać i dołączać z witryny GitHub Copilot bezpośrednio w edytorze.

wypróbuj GitHub Copilot

Użyjmy narzędzia Copilot, aby wygenerować sugestie dotyczące kodu:

  1. Umieść kursor tuż poniżej końcowego nawiasu klamrowego zamykającego } w pliku.
  2. Wpisz komentarz w języku naturalnym: // Add a method to add two numbers i , a następnie.
  3. Narzędzie GitHub Copilot generuje sugestię dotyczącą kodu. Sugerowana implementacja jest wyświetlana w szarym tekście.
  4. Aby zaakceptować sugestię, wybierz kartę .

animowany zrzut ekranu przedstawiający sugestie dotyczące kodu wygenerowane przez narzędzie GitHub Copilot dla komentarza użytkownika.

Rozpocznij pracę z GitHub Copilot w programie Visual Studio. Należy pamiętać, że wymaga programu Visual Studio 2022 w wersji 17.8 lub nowszej.

Używanie fragmentów kodu

Program 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, takich jak C#, Visual Basic i C++.

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

  1. Umieść kursor tuż nad ostatnim 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 wyskakujące okno dialogowe z informacjami o fragmencie kodu svm.

    Zrzut ekranu przedstawiający okienko IntelliSense dla fragmentu kodu w programie Visual Studio.

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

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

Dostępne fragmenty kodu różnią się w różnych językach programowania. Można przejrzeć dostępne fragmenty kodu dla swojego języka, wybierając Edytuj>IntelliSense>Wstaw fragment kodu, a następnie wybierz folder swojego języka. W przypadku języka C#lista wygląda następująco:

Zrzut ekranu przedstawiający wyskakujące okienko funkcji IntelliSense dla listy fragmentów kodu języka C#.

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

    Zostanie wyświetlone wyskakujące okno dialogowe z informacjami o fragmencie kodu svm.

    Zrzut ekranu przedstawiający wyskakujące okienko funkcji IntelliSense dla fragmentu kodu w programie Visual Studio 2022.

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

    Zobaczysz, że sygnatura metody static void Main() 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 różnych języków programowania. Aby zapoznać się z dostępnymi fragmentami kodu dla języka, wybierz pozycję Edytuj>IntelliSense>Wstaw fragment kodu lub użyj klawiszy Ctrl+K, Ctrl+X, a następnie wybierz folder języka programowania. W przypadku języka C# lista fragmentów kodu wygląda następująco:

Zrzut ekranu przedstawiający wyskakujące okienko funkcji IntelliSense dla listy fragmentów kodu języka C#.

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

Zakomentuj 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. Na przykład można przełączać tryb uzupełniania IntelliSense (IntelliSense jest pomocą kodowania wyświetlającą listę pasujących metod, między innymi), zwiększyć lub zmniejszyć wcięcie wiersza lub zaznaczyć kod jako komentarz, którego nie chcesz, aby był kompilowany. W tej sekcji zakomentujemy kod.

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

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

    // _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 skomentujmy te wiersze. Wybierz całą definicję morewords do zamykającego średnika, a następnie wybierz przycisk Oznacz jako komentarz zaznaczone wiersze na pasku narzędzi. Jeśli wolisz używać klawiatury, naciśnij Ctrl+K, Ctrl+C.

    Zrzut ekranu przedstawiający przycisk Zakomentuj na pasku narzędzi edytora w programie Visual Studio.

    Znaki komentarza języka C# // są dodawane na początku każdego zaznaczonego wiersza w celu dodania komentarza do kodu.

Pasek narzędzi Edytor tekstu, który jest wierszem przycisków na pasku menu w programie Visual Studio, pomaga zwiększyć produktywność podczas programowania. Można na przykład przełączać tryb uzupełniania funkcji IntelliSense, zwiększyć lub zmniejszyć wcięcie wiersza albo oznaczyć jako komentarz kod, którego nie chcesz skompilować.

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

Zakomentujmy trochę kodu.

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

    // 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 zakomentujemy te linie. Wybierz całą definicję moreWords w dół do zamykającego średnika, a następnie wybierz przycisk Oznacz jako komentarz zaznaczone wiersze na pasku narzędzi Edytor tekstu. Jeśli wolisz używać klawiatury, wybierz Ctrl+K, Ctrl+C.

    zrzut ekranu przedstawiający przycisk Komentarzuj na pasku narzędzi Edytor tekstu w programie Visual Studio 2022.

    Znaki komentarza języka C# // są dodawane na początku każdego zaznaczonego wiersza w celu dodania komentarza do kodu.

    Jeśli chcesz odkomentować wiersze, możesz je zaznaczyć, a następnie wybrać Odkomentuj zaznaczone wiersze przycisk na pasku narzędzi Edytora tekstu. Jeśli wolisz używać klawiatury, wybierz Ctrl+K, Ctrl+U.

    Zrzut ekranu przedstawiający przycisk Usuń komentarz na pasku narzędzi Edytor tekstów w programie Visual Studio 2022.

Zwiń bloki kodu

Nie chcemy widzieć pustego konstruktora , który został wygenerowany dla Class1, więc oczyśćmy nasz widok kodu, zwijając go. Wybierz małe szare pole z znakiem minus wewnątrz niego na marginesie pierwszego wiersza konstruktora. Lub, jeśli wolisz użyć klawiatury, umieść kursor w dowolnym miejscu w kodzie konstruktora i naciśnij Ctrl+M, Ctrl+M.

Zrzut ekranu przedstawiający przycisk zwijania na pasku narzędzi edytora tekstu w programie 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 Ctrl+M, Ctrl+M ponownie. Ta funkcja nosi nazwę Obrysowanie i jest szczególnie przydatna w przypadku zwijania długich metod lub całych klas.

Nie chcemy widzieć pustego konstruktora , który został wygenerowany dla Class1, więc usuńmy nasz widok kodu, zwińmy go. Wybierz małe szare pole ze znakiem minus w środku, znajdujące się na marginesie pierwszej linii konstruktora. Jeśli wolisz użyć klawiatury, umieść kursor w dowolnym miejscu w kodzie konstruktora i wybierz Ctrl+M, Ctrl+M.

Zrzut ekranu przedstawiający przycisk zwijania na pasku narzędzi Edytor tekstu w programie Visual Studio 2022.

Blok kodu zwija się tylko do pierwszego wiersza, po którym następuje wielokropek (...). Aby ponownie rozwinąć blok kodu, zaznacz to samo szare pole, które ma teraz znak plus lub ponownie wybierz Ctrl+M, Ctrl+M ponownie. pl-PL: Ta funkcja nazywa się Tworzenie struktury 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 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 Zobacz definicję. Przyjrzyjmy się definicji typu string.

  1. Kliknij prawym przyciskiem myszy dowolne wystąpienie string i wybierz Podejrzyj definicję z menu kontekstowego. Lub naciśnij Alt+F12.

    Pojawia się okno podręczne z definicją klasy String. Możesz przewinąć okno podręczne, a nawet zajrzeć do definicji innego typu z poziomu podglądu kodu.

    Zrzut ekranu przedstawiający okno Podgląd definicji w programie Visual Studio.

  2. Zamknij okno definicji, wybierając mały przycisk z "x" w prawym górnym rogu okna wyskakującego.

Edytor programu Visual Studio ułatwia sprawdzanie definicji typu, metody lub zmiennej. Jednym ze sposobów jest przejście do definicji w pliku, który ją zawiera, wybierając pozycję Przejdź do definicji lub naciskając klawisz F12 w dowolnym miejscu, gdzie symbol jest użyty. Jeszcze szybszym sposobem, w jaki nie przenosisz fokusu od kodu, nad którym pracujesz, jest użycie Zobacz definicję.

Przyjrzyjmy się definicji typu string.

  1. Kliknij prawym przyciskiem myszy dowolne wystąpienie string i wybierz pozycję Zobacz definicję z menu zawartości. Możesz też wybrać Alt+F12.

    Zostanie wyświetlone okno podręczne z definicją klasy String. Możesz przewijać w oknie podręcznym lub nawet przejrzeć definicję innego typu z podglądanego kodu.

    Zrzut ekranu okna Peek Definition w programie Visual Studio 2022.

  2. Zamknij okno definicji podglądu, wybierając przycisk z "x" w prawym górnym rogu okna wyskakującego.

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

IntelliSense jest nieocenionym zasobem podczas kodowania. Może wyświetlać informacje o dostępnych składowych typu lub szczegóły parametrów dla różnych wersji przeciążenia 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 wydrukować uporządkowane ciągi w oknie konsoli, które jest standardowym miejscem do wyświetlania danych wyjściowych z programu.

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

    foreach (string str in qu
    

    Zobaczysz, że IntelliSense pokaże Szybka informacja o symbolu query.

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

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

  3. Zakończ blok kodu, aby wyglądał podobnie do poniższego kodu. Możesz nawet ponownie ćwiczyć używanie fragmentów kodu, wprowadzając cw, a następnie naciskając tabulatora dwa razy, aby wygenerować kod Console.WriteLine.

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

IntelliSense jest nieocenionym zasobem 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 dokończyć wpisywane słowo po wprowadzeniu wystarczającej liczby znaków, aby je jednoznacznie zidentyfikować.

Dodajmy linię kodu, aby wyświetlić uporządkowane ciągi w oknie konsoli, które jest standardowym miejscem dla danych wyjściowych z programu.

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

    foreach (string str in qu
    

    Zostanie wyświetlone wyskakujące okienko funkcji IntelliSense z informacjami o symbolu query.

    zrzut ekranu przedstawiający wyskakujące okienko uzupełniania wyrazów IntelliSense w programie Visual Studio 2022.

  2. Aby wstawić resztę wyrazu query za pomocą uzupełniania IntelliSense, naciśnij klawisz Tab .

  3. Zakończ blok kodu, aby wyglądał podobnie do poniższego kodu. Możesz ćwiczyć dalej z fragmentami kodu, wprowadzając cw, a następnie dwukrotnie wybierając zakładkę , aby wygenerować instrukcję Console.WriteLine.

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

Zrefaktoryzuj nazwę

Nikt nie pisze poprawnego kodu za pierwszym razem, a jedną z rzeczy, które mogą wymagać zmiany, jest nazwa zmiennej lub metody. Wypróbujmy refaktoryzację funkcji programu Visual Studio, aby zmienić nazwę zmiennej _words na words.

  1. Umieść kursor nad definicją zmiennej _words, a następnie wybierz pozycję Zmień nazwę z menu pod prawym przyciskiem myszy lub menu kontekstowego, albo naciśnij Ctrl+R, Ctrl+R.

    Wyskakujące okienko Zmień nazwę zostanie wyświetlone w prawym górnym rogu edytora.

  2. Wprowadź żądaną nazwę wyrazów. Zwróć uwagę, że odwołanie do words w zapytaniu również jest automatycznie zmieniane. Przed naciśnięciem Wprowadź, zaznacz pole wyboru Dołącz komentarze w oknie podręcznym Zmień nazwę.

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

  3. Naciśnij Enter.

    Nazwy obu wystąpień words oraz odwołanie do words w komentarzu do kodu zostały zmienione.

Nikt nie pisze poprawnego kodu za pierwszym razem, a jedną z rzeczy, którą możesz potrzebować zmienić, jest nazwa zmiennej lub metody. Wypróbujmy refaktoryzację funkcji programu Visual Studio, aby zmienić nazwę zmiennej someWords na unsortedWords.

  1. Umieść kursor nad definicją zmiennej someWords i wybierz opcję Zmień nazwę z menu kontekstowego lub kliknij prawym przyciskiem myszy albo naciśnij klawisz F2.

    W prawym górnym rogu edytora pojawi się okno dialogowe Zmień nazwę.

    Zrzut ekranu przedstawiający okno podręczne

  2. Wprowadź żądaną nazwę niesortowaneSłowa. Zobaczysz, że odwołanie do unsortedWords w instrukcji przypisania query również jest automatycznie zmieniane. Przed wybraniem klawisza Wprowadź zaznacz pole wyboru Dołącz komentarze w oknie podręcznym Zmień nazwę.

    Zrzut ekranu przedstawiający okno dialogowe zmiany nazwy w programie Visual Studio 2022.

  3. Wybierz klucz Wprowadź.

    Nazwa obu wystąpień someWords w kodzie została zmieniona, a także tekst someWords w komentarzu do kodu.

Następne kroki

Zobacz też