Udostępnij za pomocą


Środowisko IDE programu Visual Studio — Zapraszamy | Visual Basic

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 z kodem Visual Basic i kluczowymi funkcjami.

Na powyższej ilustracji przedstawiono program Visual Studio z otwartym projektem Visual Basic, 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.

Editions

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 obsługuje każda wersja.

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

  • Zygzaki i szybkie akcje

    Squiggles to faliste podkreślenia, które powiadamiają 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 zatrzymasz wskaźnik myszy na przełączniku, zobaczysz więcej informacji o błędzie. Żarówka może również pojawić się na lewym marginesie pokazującym szybkie akcje , które można wykonać, aby naprawić błąd.

    Zrzut ekranu przedstawiający faliste podkreślenie w programie Visual Studio.

  • Refactoring

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

    Poniższa ilustracja pokazuje, jak IntelliSense wyświetla listę elementów dla typu.

    Zrzut ekranu listy 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.

    Kiedy zaczynasz wpisywać nazwę tego, czego szukasz, Visual Studio wyświetla wyniki prowadzące tam, gdzie chcesz iść. Jeśli musisz dodać funkcjonalność, na przykład inny język programowania, możesz otworzyć Instalator programu Visual Studio z wyników pola wyszukiwania, aby zainstalować obciążenie lub składnik.

    Zrzut ekranu przedstawiający pole wyszukiwania „Szybkie uruchamianie” 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, instancje terminalu, localhost aplikacje webowe, połączenia głosowe i więcej.

  • 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ń w programie Visual Studio.

  • 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 rozwiązanie CodeLens w programie Visual Studio.

  • Przejdź do definicji

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

    Zrzut ekranu przedstawiający przechodzenie do definicji w programie Visual Studio.

  • Zobacz definicję

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

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

  • 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. Dowiesz się, jak zmienić motyw kolorów, użyć funkcji IntelliSense jako pomocy programistycznej i debugować aplikację, aby wyświetlić zmienną wartość podczas wykonywania aplikacji.

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, pamiętaj, aby podczas instalacji wybrać obciążenie robocze .NET desktop development.

Zrzut ekranu przedstawiający zestaw narzędzi do tworzenia aplikacji dla komputerów stacjonarnych .NET wybrany 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.

Dostosowywanie programu Visual Studio

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

Zmienianie motywu kolorów

Aby zmienić motyw kolorów:

  1. Otwórz program Visual Studio. W oknie uruchamiania wybierz pozycję Kontynuuj bez kodu.

    Zrzut ekranu przedstawiający ekran startowy programu Visual Studio z wyróżnionym linkiem Kontynuuj bez kodu.

  2. Na pasku menu programu Visual Studio wybierz pozycję Narzędzia>Opcje , aby otworzyć okno dialogowe Opcje .

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

    Zrzut ekranu przedstawiający zmianę motywu koloru na Niebieski w programie Visual Studio.

    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. Otwórz program Visual Studio. 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.

    Zrzut ekranu przedstawiający zmianę motywu kolorów na Cool Breeze w programie Visual Studio.

    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.

Wybieranie ustawień środowiska

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

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

Tworzenie programu

Zanurz się i utwórz prosty program.

  1. Na pasku menu programu Visual Studio wybierz pozycję Plik>nowy>projekt. Możesz również nacisnąć Ctrl+Shift+N.

    Zrzut ekranu przedstawiający wybór opcji Nowy > projekt pliku > na pasku menu programu Visual Studio.

    Zostanie otwarte okno Tworzenie nowego projektu i zostanie wyświetlonych kilka szablonów projektów. Szablon zawiera podstawowe pliki i ustawienia wymagane przez dany typ projektu.

  2. 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ę Visual Basic z listy rozwijanej Wszystkie języki , Windows z listy Wszystkie platformy i Konsola z listy Wszystkie typy projektów .

    Wybierz szablon Aplikacja konsoli Visual Basic, a następnie wybierz przycisk Dalej.

    Zrzut ekranu przedstawiający okno Tworzenie nowego projektu z zaznaczoną opcją Aplikacja konsolowa Visual Basic.

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

  4. 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 Dodatkowe informacje z wybraną platformą .NET 8.0.

    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.vb . Kod języka Visual Basic dla aplikacji zostanie otwarty w oknie edytora centralnego, co zajmuje większość miejsca.

    Zrzut ekranu przedstawiający kod Visual Studio I D E z kodem Program dot V B 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ą strukturę kodu lub bloki kodu, które idą razem. 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 zminimalizować bałagan na ekranie.

    Zrzut ekranu pokazujący Visual Studio IDE z czerwonymi polami.

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

  5. Uruchom aplikację, wybierając pozycję Debugowanie>Uruchom bez debugowania z górnego menu programu Visual Studio. Możesz również nacisnąć Ctrl+F5.

    Zrzut ekranu przedstawiający element menu Debuguj > 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 wyjściem Hello World! i informacją naciśnij dowolny klawisz, aby zamknąć to okno.

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

  7. Dodajmy do aplikacji więcej kodu. Dodaj następujący kod języka Visual Basic przed wierszem z komunikatem Console.WriteLine("Hello World!"):

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

    Ten kod wyświetla Jak masz na imię? w oknie konsoli i następnie czeka na wprowadzenie tekstu przez użytkownika.

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

    Console.WriteLine("Hello " + name + "!")
    
  9. Uruchom ponownie aplikację, wybierając pozycję 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.

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

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

Używanie 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ń nazwę 'name' na 'username'.

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

    Zmienna została przemianowana w całym projekcie, co w tym przypadku dotyczy tylko dwóch miejsc.

Teraz przyjrzyj się funkcji IntelliSense.

  1. Poniżej wiersza, który mówi Console.WriteLine("Hello " + username + "!"), wpisz następujący kod:

    Dim now = Date.
    

    Okno wyświetla członków klasy DateTime. Opis aktualnie wybranego elementu jest również wyświetlany w osobnym polu.

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

  2. Wybierz składową o nazwie Teraz, która jest właściwością klasy . Kliknij dwukrotnie pozycję Teraz lub wybierz go i naciśnij Tab.

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

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

    Tip

    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.

Następnie użyj refaktoryzacji ponownie, aby kod był nieco bardziej zwięzły.

  1. Wybierz zmienną now w wierszu Dim now = Date.Now. Ikona żarówki jest wyświetlana na marginesie w tym wierszu.

  2. Wybierz ikonę żarówki, 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.

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

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

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

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 z oznaczeniem Console.WriteLine("Hello " + username + "!"), klikając w lewy margines lub rynienkę przy wierszu. 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 jest wykonywany dalej. 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 w działającej aplikacji, klikając przycisk Szybkie ładowanie.

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.