Udostępnij przez


Środowisko IDE programu Visual Studio — Zapraszamy | C#

Zintegrowane środowisko projektowe (IDE) to bogaty w funkcje program, który obsługuje wiele aspektów tworzenia oprogramowania. Środowisko IDE programu Visual Studio to twórcza konsola uruchamiania, której można użyć do edytowania, debugowania i kompilowania kodu, a następnie publikowania aplikacji. Ponad standardowym edytorem i debugerem, który zapewnia większość środowisk IDE, program Visual Studio obejmuje kompilatory, narzędzia do uzupełniania kodu, projektantów graficznych i wiele innych funkcji w celu ulepszenia procesu tworzenia oprogramowania.

Zrzut ekranu przedstawiający środowisko IDE programu Visual Studio 2022 z objaśnieniami wskazującymi lokalizację kluczowych funkcji i elementów.

Na powyższej ilustracji przedstawiono program Visual Studio z otwartym projektem, który pokazuje kluczowe okna i ich funkcjonalność:

  • W Eksploratorze rozwiązań w prawym górnym rogu możesz wyświetlać, nawigować i zarządzać plikami kodu. Eksplorator rozwiązań może ułatwić organizowanie kodu, grupując pliki w rozwiązania i projekty.

  • Centralne okno edytora, w którym prawdopodobnie spędzisz większość czasu, wyświetla zawartość pliku. W oknie edytora można edytować kod lub zaprojektować interfejs użytkownika, taki jak okno z przyciskami i polami tekstowymi.

  • W obszarze Zmiany usługi Git w prawym dolnym rogu możesz śledzić elementy robocze i udostępniać kod innym osobom przy użyciu technologii kontroli wersji, takich jak Git i GitHub.

Edycje

Program Visual Studio jest dostępny dla systemu Windows.

Istnieją trzy wersje programu Visual Studio: Community, Professional i Enterprise. Zobacz Porównanie wersji programu Visual Studio , aby dowiedzieć się, które funkcje są obsługiwane w poszczególnych wersjach.

Niektóre popularne funkcje w programie Visual Studio, które zwiększają produktywność podczas tworzenia oprogramowania, to:

  • Zygzaki i szybkie działania

    Squiggles to faliste podkreślenia, które ostrzegają o błędach lub potencjalnych problemach w kodzie podczas pisania. Te wskazówki wizualne ułatwiają natychmiastowe rozwiązywanie problemów bez oczekiwania na odnajdywanie błędów podczas kompilacji lub środowiska uruchomieniowego. Jeśli najedziesz kursorem nad falistą linią, zobaczysz więcej informacji o błędzie. Żarówka może również pojawić się na lewym marginesie przedstawiającym szybkie akcje , które można wykonać, aby naprawić błąd.

    Zrzut ekranu przedstawiający zygzaki w programie Visual Studio.

  • Oczyszczanie kodu

    Kliknięcie przycisku umożliwia sformatowanie kodu i zastosowanie wszelkich poprawek kodu sugerowanych przez ustawienia stylu kodu, konwencje .editorconfig i analizatory Roslyn. Oczyszczanie kodu, obecnie dostępne tylko dla kodu C#, ułatwia rozwiązywanie problemów w kodzie przed przejściem do przeglądu kodu.

    Zrzut ekranu przedstawiający ikonę i menu Oczyszczanie kodu w programie Visual Studio.

  • Refaktoryzacja

    Refaktoryzacja obejmuje operacje, takie jak inteligentne zmienianie nazw zmiennych, wyodrębnianie co najmniej jednego wiersza kodu do nowej metody i zmienianie kolejności parametrów metody.

    Zrzut ekranu przedstawiający refaktoryzację w programie Visual Studio.

  • IntelliSense

    IntelliSense to zestaw funkcji, które wyświetlają informacje o kodzie bezpośrednio w edytorze, a w niektórych przypadkach zapisują małe fragmenty kodu. Jest to tak, jakby podstawowa dokumentacja była wbudowana w edytorze, więc nie trzeba szukać informacji o typie w innym miejscu.

    Ilustracja poniżej pokazuje, jak IntelliSense wyświetla listę członków dla danego typu.

    Zrzut ekranu przedstawiający listę członków IntelliSense.

    Funkcje IntelliSense różnią się w zależności od języka. Aby uzyskać więcej informacji, zobacz C# IntelliSense, Visual C++ IntelliSense, JavaScript IntelliSense i Visual Basic IntelliSense.

  • Wyszukiwanie w programie Visual Studio

    Menu, opcje i właściwości programu Visual Studio mogą wydawać się czasami przytłaczające. Wyszukiwanie w programie Visual Studio lub Ctrl+Q to doskonały sposób szybkiego znajdowania funkcji i kodu IDE w jednym miejscu.

    Zrzut ekranu przedstawiający pole wyszukiwania Szybkie Uruchamianie w programie Visual Studio.

    Aby uzyskać informacje i porady dotyczące produktywności, zobacz How to use Visual Studio search (Jak używać wyszukiwania w programie Visual Studio).

  • Live Share

    Wspólnie edytuj i debuguj z innymi osobami w czasie rzeczywistym, niezależnie od typu aplikacji lub języka programowania. Możesz natychmiast i bezpiecznie udostępniać swój projekt. Możesz również udostępniać sesje debugowania, wystąpienia terminalu, localhost aplikacje internetowe, połączenia głosowe i inne.

  • Hierarchia wywołań

    W oknie Hierarchia wywołań są wyświetlane metody wywołujące wybraną metodę. Te informacje mogą być przydatne podczas myślenia o zmianie lub usunięciu metody albo podczas próby śledzenia usterki.

    Zrzut ekranu przedstawiający okno Hierarchia wywołań.

  • CodeLens

    Funkcja CodeLens ułatwia znajdowanie odwołań do kodu, zmian kodu, połączonych usterek, elementów roboczych, przeglądów kodu i testów jednostkowych bez opuszczania edytora.

    Zrzut ekranu przedstawiający kod CodeLens.

  • Przejdź do definicji

    Funkcja Przejdź do definicji umożliwia przejście bezpośrednio do lokalizacji funkcji lub definicji typu.

    Zrzut ekranu przedstawiający element menu Przejdź do definicji.

  • Zobacz definicję

    W oknie Podgląd definicji jest wyświetlana definicja metody lub typu bez otwierania oddzielnego pliku.

    Zrzut ekranu przedstawiający okno Podgląd definicji.

  • Przeładowywanie na gorąco

    Przeładowywanie na gorąco umożliwia edytowanie plików kodu aplikacji i natychmiastowe stosowanie zmian kodu do uruchomionej aplikacji.

    Zrzut ekranu Hot Reload w programie Visual Studio 2022.

Instalowanie programu Visual Studio

W tej sekcji utworzysz prosty projekt, aby wypróbować niektóre czynności, które można wykonać za pomocą programu Visual Studio. Używasz funkcji IntelliSense jako pomocy programistycznej, debuguj aplikację, aby wyświetlić wartość zmiennej podczas wykonywania aplikacji i zmienić motyw kolorów.

Aby rozpocząć, pobierz program Visual Studio i zainstaluj go w systemie. W instalatorze modułowym wybierasz i instalujesz obciążenia, które są grupami funkcji potrzebnych dla żądanych języków programowania lub platform. Aby użyć poniższych kroków do utworzenia programu, upewnij się, że podczas instalacji wybierasz obciążenie związane z programowaniem aplikacji .NET na komputery stacjonarne.

Zrzut ekranu przedstawiający obciążenie programowanie aplikacji klasycznych platformy .NET wybrane w Instalatorze programu Visual Studio.

Po pierwszym otwarciu programu Visual Studio możesz zalogować się przy użyciu konta Microsoft lub konta służbowego.

Tworzenie programu

Zanurz się i utwórz prosty program.

  1. Uruchom program Visual Studio. Zostanie wyświetlone okno uruchamiania z opcjami klonowania repozytorium, otwierania ostatniego projektu lub tworzenia nowego projektu.

  2. Wybierz pozycję Utwórz nowy projekt.

    Zrzut ekranu przedstawiający menu Start programu Visual Studio z wybraną pozycją Utwórz nowy projekt.

    Zostanie otwarte okno Tworzenie nowego projektu i zostanie wyświetlonych kilka szablonów projektów. Szablon zawiera podstawowe pliki i ustawienia wymagane dla danego typu projektu.

  3. Aby znaleźć szablon, możesz wpisać lub wprowadzić słowa kluczowe w polu wyszukiwania. Lista dostępnych szablonów filtruje na podstawie wprowadzonych słów kluczowych. Możesz dalej filtrować wyniki szablonu, wybierając pozycję C# z listy rozwijanej Wszystkie języki , Windows z listy Wszystkie platformy i Konsola z listy Wszystkie typy projektów .

    Wybierz szablon Aplikacja konsolowa , a następnie wybierz przycisk Dalej.

    Zrzut ekranu przedstawiający okno Tworzenie nowego projektu z wybraną pozycją Aplikacja konsolowa.

  4. W oknie Konfigurowanie nowego projektu wprowadź ciąg HelloWorld w polu Nazwa projektu . Opcjonalnie zmień lokalizację katalogu projektu z domyślnej lokalizacji C:\Users\name<\>source\repos, a następnie wybierz przycisk Dalej.

    Zrzut ekranu przedstawiający okno Konfigurowanie nowego projektu z wprowadzoną nazwą projektu HelloWorld.

  5. W oknie Dodatkowe informacje sprawdź, czy platforma .NET 8.0 jest wyświetlana w menu rozwijanym Platforma docelowa , a następnie wybierz pozycję Utwórz.

    Zrzut ekranu przedstawiający okno dialogowe Dodatkowe informacje przedstawiające platformę .NET 8.0 wybraną jako platformę docelową dla nowego projektu w programie Visual Studio.

    Program Visual Studio tworzy projekt. Program to prosta aplikacja "Hello World", która wywołuje Console.WriteLine() metodę w celu wyświetlenia ciągu Hello, World! w oknie konsoli.

    Pliki projektu są wyświetlane po prawej stronie środowiska IDE programu Visual Studio w oknie o nazwie Eksplorator rozwiązań. W oknie Eksplorator rozwiązań wybierz plik Program.cs . Kod języka C# dla aplikacji zostanie otwarty w oknie edytora centralnego, co zajmuje większość miejsca.

    Zrzut ekranu przedstawiający środowisko IDE programu Visual Studio z kodem Program.cs w edytorze.

    Kod jest automatycznie kolorowany, aby wskazać różne części, takie jak słowa kluczowe i typy. Numery wierszy ułatwiają lokalizowanie kodu.

    Małe, pionowe linie kreskowane w kodzie wskazują, które nawiasy klamrowe pasują do siebie. Możesz również wybrać małe, prostokątne znaki minus lub plus, aby zwinąć lub rozwinąć bloki kodu. Ta funkcja konspektowania kodu umożliwia ukrycie kodu, którego nie musisz widzieć, co pomaga zwiększyć przejrzystość na ekranie.

    Zrzut ekranu przedstawiający środowisko IDE programu Visual Studio z czerwonymi polami.

    Dostępnych jest wiele innych menu i okien narzędzi.

  6. Uruchom aplikację, wybierając pozycję Debug>Start Without Debugging z górnego menu programu Visual Studio. Możesz również nacisnąć Ctrl+F5.

    Zrzut ekranu przedstawiający element menu Debug > Uruchom bez debugowania.

    Program Visual Studio kompiluje aplikację, a zostanie otwarte okno konsoli z komunikatem Hello, World!. Masz teraz uruchomioną aplikację!

    Zrzut ekranu przedstawiający okno Konsoli debugowania z danymi wyjściowymi Hello, World! i naciśnij dowolny klawisz, aby zamknąć to okno.

  7. Aby zamknąć okno konsoli, naciśnij dowolny.

  8. Dodajmy więcej kodu do aplikacji. Dodaj następujący kod języka C# przed wierszem, który mówi Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    W tym kodzie w oknie konsoli jest wyświetlane Jak się nazywasz?, a następnie czeka, aż użytkownik wprowadzi jakiś tekst.

  9. Zmień wiersz, który mówi Console.WriteLine("Hello World!");, na następujący wiersz:

    Console.WriteLine($"\nHello {name}!");
    
  10. Uruchom aplikację ponownie, wybierając Debug>Uruchom bez debugowania lub naciskając Ctrl+F5.

    Program Visual Studio ponownie kompiluje aplikację, a zostanie otwarte okno konsoli i wyświetli monit o podanie nazwy.

  11. Wpisz nazwę w oknie konsoli i naciśnij Enter.

    Zrzut ekranu przedstawiający okno Konsoli debugowania z monitem o podanie nazwy, danych wejściowych i danych wyjściowych Hello Georgette!.

  12. Naciśnij dowolny, aby zamknąć okno konsoli i zatrzymać uruchomiony program.

Użyj refaktoryzacji i funkcji IntelliSense

Przyjrzyjmy się kilku sposobom refaktoryzacji i funkcji IntelliSense , które ułatwiają wydajniejsze kodowanie.

Najpierw zmień nazwę zmiennej name :

  1. Kliknij dwukrotnie zmienną name i wpisz nową nazwę zmiennej, nazwę użytkownika.

    Zostanie wyświetlone pole wokół zmiennej, a żarówka pojawi się na marginesie.

  2. Wybierz ikonę żarówki, aby wyświetlić dostępne szybkie akcje. Wybierz Zmień 'name' na 'username'.

    Zrzut ekranu przedstawiający akcję Zmień nazwę w programie Visual Studio.

    Nazwa zmiennej jest zmieniana w projekcie, co w naszym przypadku dotyczy tylko dwóch miejsc.

  3. Teraz przyjrzyj się funkcji IntelliSense. Poniżej wiersza, który mówi Console.WriteLine($"\nHello {username}!");, wpisz DateTime now = DateTime..

    W oknie zostaną wyświetlone elementy klasy DateTime. Opis aktualnie wybranego członka jest również wyświetlany w osobnym polu.

    Zrzut ekranu przedstawiający członków listy funkcji IntelliSense w programie Visual Studio.

  4. Wybierz składową o nazwie Teraz, która jest właściwością klasy, klikając ją dwukrotnie lub naciskając Tab. Ukończ wiersz kodu, dodając średnik na końcu wiersza: DateTime now = DateTime.Now;.

  5. Poniżej tego wiersza wprowadź następujące wiersze kodu:

    int dayOfYear = now.DayOfYear;
    
    Console.Write("Day of year: ");
    Console.WriteLine(dayOfYear);
    

    Wskazówka

    Console.Write jest inny niż Console.WriteLine w tym, że nie dodaje terminatora wiersza po jego wydrukowaniu. Oznacza to, że następny fragment tekstu, który jest wysyłany do danych wyjściowych, zostanie wyświetlony w tym samym wierszu. Możesz umieścić wskaźnik myszy na każdej z tych metod w kodzie, aby zobaczyć ich opisy.

  6. Następnie użyj refaktoryzacji ponownie, aby kod był nieco bardziej zwięzły. Wybierz zmienną now w wierszu DateTime now = DateTime.Now;. Ikona śrubokręta pojawia się na marginesie na tej linii.

  7. Wybierz ikonę śrubokręta, aby wyświetlić dostępne sugestie w programie Visual Studio. W tym przypadku przedstawiono refaktoryzację zmiennej tymczasowej wbudowanej w celu usunięcia wiersza kodu bez zmiany ogólnego zachowania kodu.

    Zrzut ekranu przedstawiający sugestię wbudowanej zmiennej tymczasowej w programie Visual Studio.

  8. Wybierz wbudowaną zmienną tymczasową, aby refaktoryzować kod.

  9. Ponownie uruchom program, naciskając Ctrl+F5. Dane wyjściowe wyglądają mniej więcej tak:

Debugowanie kodu

Podczas pisania kodu należy go uruchomić i przetestować pod kątem usterek. System debugowania programu Visual Studio umożliwia przechodzenie przez kod po jednej instrukcji naraz i inspekcję zmiennych w miarę przechodzenia. Możesz ustawić punkty przerwania , które zatrzymują wykonywanie kodu w określonym wierszu, i obserwować, jak wartość zmiennej zmienia się podczas uruchamiania kodu.

Ustaw punkt przerwania, aby zobaczyć wartość zmiennej username podczas działania programu.

  1. Ustaw punkt przerwania w wierszu kodu, który zawiera Console.WriteLine($"\nHello {username}!");, klikając lewy margines obok wiersza. Możesz również wybrać wiersz kodu, a następnie nacisnąć F9.

    Czerwony okrąg pojawia się w rynnie, a linia jest wyróżniona.

    Zrzut ekranu przedstawiający punkt przerwania w wierszu kodu w programie Visual Studio.

  2. Rozpocznij debugowanie, wybierając pozycję Debuguj>rozpocznij debugowanie lub naciskając F5.

  3. Po wyświetleniu okna konsoli i wyświetleniu monitu o podanie nazwy wprowadź swoją nazwę.

    Fokus powraca do edytora kodu programu Visual Studio, a wiersz kodu z punktem przerwania jest wyróżniony kolorem żółtym. Żółte wyróżnienie oznacza, że ten wiersz kodu zostanie wykonany następny. Punkt przerwania sprawia, że aplikacja wstrzymuje wykonywanie w tym wierszu.

  4. Umieść wskaźnik myszy na zmiennej, username aby zobaczyć jej wartość. Możesz również kliknąć prawym przyciskiem myszy username i wybrać pozycję Dodaj zegarek , aby dodać zmienną do okna Czujka , gdzie można również zobaczyć jego wartość.

    Zrzut ekranu przedstawiający wartość zmiennej podczas debugowania w programie Visual Studio.

  5. Naciśnij F5 ponownie, aby zakończyć uruchamianie aplikacji.

Po uruchomieniu aplikacji możesz zastosować zmiany kodu do działającej aplikacji, klikając przycisk Hot Reload.

Zrzut ekranu Hot Reload w programie Visual Studio 2022.

Aby uzyskać więcej informacji na temat debugowania w programie Visual Studio, zobacz przewodnik dotyczący funkcji debugera.

Dostosowywanie programu Visual Studio

Możesz spersonalizować interfejs użytkownika programu Visual Studio, w tym zmienić domyślny motyw kolorów. Aby zmienić motyw kolorów:

  1. Na pasku menu wybierz pozycję Narzędzia>Opcje , aby otworzyć okno dialogowe Opcje .

  2. Na stronie Opcjeogólne> zmień wybór motywu koloru na Niebieski lub Jasny, a następnie wybierz przycisk OK.

    Motyw kolorów całego środowiska IDE zmienia się odpowiednio. Poniższy zrzut ekranu przedstawia motyw Niebieski:

    Zrzut ekranu przedstawiający program Visual Studio w motywie Niebieski.

  1. Na pasku menu wybierz pozycję Narzędzia>Opcje , aby otworzyć okienko Opcje .

  2. Na stronie opcji Wszystkie ustawienia>Środowisko>Doświadczenie wizualne zmień wybór motywu kolorów na Chłodna bryza lub Jasny.

    Motyw kolorów całego środowiska IDE zmienia się odpowiednio. Poniższy zrzut ekranu przedstawia motyw Cool Breeze:

    Zrzut ekranu przedstawiający program Visual Studio w motywie Cool Breeze.

Aby dowiedzieć się więcej o innych sposobach personalizacji środowiska IDE, zobacz Personalizowanie programu Visual Studio.

Wybieranie ustawień środowiska

Program Visual Studio można skonfigurować tak, aby używał ustawień środowiska dostosowanych do deweloperów języka C#:

  1. Na pasku menu wybierz pozycję Narzędzia>Importuj i Eksportuj ustawienia.

  2. W Kreatorze importowania i eksportowania ustawieńwybierz pozycję Resetuj wszystkie ustawienia, a następnie wybierz pozycję Dalej.

  3. Na stronie Zapisz bieżące ustawienia wybierz, czy chcesz zapisać bieżące ustawienia przed zresetowaniem. Jeśli nie dostosowano żadnych ustawień, wybierz pozycję Nie, po prostu zresetuj ustawienia, zastępując moje bieżące ustawienia. Następnie wybierz Dalej.

  4. Na stronie Wybieranie domyślnej kolekcji ustawień wybierz pozycję Visual C#, a następnie wybierz pozycję Zakończ.

  5. Na stronie Resetuj ukończone wybierz pozycję Zamknij.

Aby dowiedzieć się więcej o innych sposobach personalizacji środowiska IDE, zobacz Personalizowanie programu Visual Studio.

Dalsze kroki

Zapoznaj się z programem Visual Studio, postępując zgodnie z jednym z następujących artykułów wprowadzających:

Zobacz także