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.
Otwórz program Visual Studio. Naciśnij Esc lub kliknij Kontynuuj bez kodu w oknie startowym, aby otworzyć środowisko programistyczne.
Z menu Plik na pasku menu wybierz pozycję Nowy plik>lub naciśnij Ctrl+N.
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!)
Otwórz program Visual Studio. Naciśnij Esclub wybierz pozycję Kontynuuj bez kodu w oknie startowym, aby otworzyć środowisko programistyczne.
Z menu Plik na pasku menu wybierz pozycję Nowy plik>lub naciśnij Ctrl+N.
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.
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.
Umieść kursor tuż nad ostatnim zamykającym nawiasem klamrowym } w pliku i wpisz znaki
svm
(co oznaczastatic 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
.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:
Umieść kursor tuż nad ostatnim zamykającym nawiasem klamrowym
}
w pliku i wpisz znakisvm
.svm
oznaczastatic 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
.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:
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.
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;
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.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ć.
Zakomentujmy kod.
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;
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.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.
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.
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
.
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.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
.
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.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.
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
.Aby wstawić resztę wyrazu
query
przy użyciu funkcji uzupełniania wyrazów IntelliSense, naciśnij Tab.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ć kodConsole.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.
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
.Aby wstawić resztę wyrazu
query
za pomocą funkcji uzupełniania IntelliSense, naciśnij Tab.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
.
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.
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ę.Naciśnij Enter.
Nazwa obu wystąpień
words
została zmieniona, a także odwołanie dowords
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
.
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.
Wprowadź pożądaną nazwę niesortowaneSłowa. Zobaczysz, że odwołanie do
unsortedWords
w instrukcji przypisaniaquery
również jest automatycznie zmieniane. Przed naciśnięciem Wprowadźzaznacz pole wyboru Dołącz komentarze w oknie podręcznym Zmień nazwę.Naciśnij Enterlub wybierz Zastosuj w oknie dialogowym Zmiana nazwy.
Nazwa obu wystąpień
someWords
w kodzie została zmieniona, a także tekstsomeWords
w komentarzu do kodu.
Następne kroki
Zobacz też
- fragmenty kodu
- Nawiguj po kodzie
- Tworzenie konspektu
- przejdź do definicji i zobacz definicję
- refaktoryzacja
- Użyj IntelliSense