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.

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. 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#.

   

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ę .

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.

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

   

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:

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 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ć.

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.

   

   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.

   

Zwiń bloki kodu

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.

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 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.

   

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 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.

   

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ó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ę.

   

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ę.

   

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

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

Zobacz też

• fragmenty kodu
• nawigowanie po kodzie
• konspektowanie
• przejdź do definicji i zobacz definicję
• refaktoryzacja
• Użyj IntelliSense