Udostępnij za pośrednictwem


Dowiedz się, jak używać edytora kodu z językiem C#

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 w języku C#.

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 C#. Jeśli tak nie jest, zalecamy najpierw zapoznanie się z samouczkiem, takim jak Rozpoczynanie pracy z językiem C# i ASP.NET Core w programie Visual Studio.

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>lub naciśnij Ctrl+N.

  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. Naciśnij Esclub wybierz pozycję Kontynuuj bez kodu w oknie startowym, aby otworzyć środowisko programistyczne.

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

  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#. Nie musisz tworzyć pełnego projektu programu Visual Studio, aby uzyskać niektóre korzyści, jakie oferuje edytor kodu — wystarczy plik kodu.

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

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 (co oznacza static void Main— nie martw się zbytnio, jeśli nie wiesz, co to oznacza).

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

    Zrzut ekranu przedstawiający wyskakujące 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. Metoda Main() jest punktem wejścia dla aplikacji języka C#.

Dostępne fragmenty kodu różnią się w różnych językach programowania. Aby zapoznać się z dostępnymi fragmentami kodu dla Twojego języka, wybierz opcję Edytuj>IntelliSense>Wstaw fragment kodu lub naciśnij Ctrl+K, Ctrl+X, a następnie wybierz folder języka użytkownika. 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. svm oznacza static void Main— nie martw się, jeśli jeszcze nie wiesz, co to oznacza.

    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 klawisz Tab dwa razy, 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 swojego języka, wybierz Edytuj>IntelliSense>Wstaw fragment lub naciśnij Ctrl+K, Ctrl+X, a następnie wybierz folder dla 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 , pętli , instrukcji if lub instrukcji switch , i inne.

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 Funkcji IntelliSense (IntelliSense jest pomocą kodowania wyświetlającą listę pasujących metod, między innymi), zwiększyć lub zmniejszyć wcięcie wiersza lub oznaczyć jako komentarz kod, którego nie chcesz skompilować. W tej sekcji zakomentujemy pewne fragmenty kodu.

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 zakomentujmy te linie. Wybierz całą definicję morewords do średnika zamykającego, 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 Komentarz 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, 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 kod.

  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 wiersze. Wybierz całą definicję moreWords aż do zamykającego średnika, a następnie kliknij przycisk Zakomentuj zaznaczone wiersze na pasku narzędzi. Jeśli wolisz używać klawiatury, naciśnij Ctrl+E, Ctrl+C.

    zrzut ekranu przedstawiający przycisk Wykomentuj na pasku narzędzi Edytora 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.

Zwiń bloki kodu

Nie chcemy widzieć pustego konstruktora , który został wygenerowany dla Class1, więc aby oczyścić nasz widok kodu, zwińmy 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 nazywa się Tworzenie obramowania i jest szczególnie przydatna przy zwijaniu długich metod lub całych klas.

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 naciśnij ponownie Ctrl+M, Ctrl+M. Ta funkcja nosi nazwę Obrys i jest szczególnie przydatna przy skracaniu 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 opcji Przejdź do definicji lub naciśnięcie F12 F12 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 pozycję Zobacz definicję z menu zawartości. Lub naciśnij Alt+F12.

    Zostanie wyświetlone okno podręczne z definicją klasy String. Możesz przewijać zawartość okna podręcznego, a nawet podejrzeć definicję innego typu z podejrzonego kodu.

    Zrzut ekranu przedstawiający okno podglądu definicji w programie Visual Studio.

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

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 F12 w dowolnym miejscu, gdzie występuje symbol. 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. Lub naciśnij Alt+F12.

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

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

  2. Zamknij okno definicji podglądu, wybierając małe pole z "x" w prawym górnym rogu wyskakującego okienka.

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

IntelliSense jest nieocenionym zasobem podczas kodowania. Może pokazać informacje o dostępnych członkach typu lub szczegółach 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, 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 pokazuje szybkich informacji 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 składnikach 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 go jednoznacznie zidentyfikować.

Dodajmy wiersz kodu, aby wyświetlić uporządkowane ciągi w oknie konsoli, które stanowi standardowe miejsce dla wyjściowych danych 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ą funkcji uzupełniania IntelliSense, naciśnij Tab.

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

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

Refaktoryzacja nazwy

Nikt nie pisze kodu poprawnie 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ę Zmiana nazwy z 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.

    Nazwa obu wystąpień words została zmieniona, a także odwołanie do words w komentarzu do kodu.

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 someWords na unsortedWords.

  1. Umieść kursor nad definicją zmiennej someWords, a następnie wybierz pozycję Zmień nazwę z menu kontekstowego lub kliknij prawym przyciskiem myszy lub naciśnij F2.

    W prawym górnym rogu edytora pojawi się okno dialogowe zmiany nazwy.

    Zrzut ekranu przedstawiający okno podręczne Zmień nazwę w edytorze programu Visual Studio 2022.

  2. Wprowadź pożądaną nazwę niesortowaneSłowa. Zobaczysz, że odwołanie do unsortedWords w instrukcji przypisania query 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 podręczne Zmienianie nazwy w programie Visual Studio 2022.

  3. Naciśnij Enterlub wybierz Zastosuj w oknie dialogowym Zmiana nazwy.

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

Następne kroki

Zobacz też