pierwsze kroki z Visual Studio

Visual Studio logo

Na blogu pojawiło się już kilka artykułów o różnej tematyce. Mam świadomość jednak, że po ich lekturze nadal nie czujesz się ani kroku bliżej osiągnięcia celu. Fakt – nie zdobyłeś umiejętności technicznych, ale za to zdobyłeś wiedzę, która pozwoliła Ci zweryfikować swój zapał i pasję. Spokojnie jednak! Dzisiaj postanowiłem omówić temat związany z obsługą podstawowego narzędzia programisty czyli IDE.

Czym w ogóle jest Integrated Development Environment opisywałem tutaj.

Jak zapewne się domyślasz, istnieje niezliczona ilość środowisk dla każdego języka. Ja zdecydowałem skupić się na tym, które znam najlepiej – Visual Studio.

Jest to produkt Microsoftu, kierowany głównie do programistów używających środowiska .NET, a więc kodujących w C#, F# lub Visual Basicu oraz dodatkowo C++. Zainstalowanie odpowiednich rozszerzeń pozwoli rozwijać projekty napisane w innych językach, np.: Python, node.js, czy Ruby.

To czego będziesz używał najczęściej

Podstawowymi funkcjami VS są: edycja kodu, kompilacja i debugowanie. Edytor oferuje między innymi kolorowanie składni, czy inteligentne uzupełnianie kodu, tzw. Intellisense. Visual Studio wspiera także mechanizm nazywany background compilation, odpowiedzialny za kompilację pisanego kodu w tle, w celu znalezienia i wyświetlenia błędów. Efektem takiego działania, nie jest jednak gotowa do uruchomienia aplikacja – ta powstaje w innym rodzaju kompilacji.

Debugger umożliwia analizę kodu podczas jego uruchomienia. Pozwala na ustawienie tzw. Breakpointów w dowolnym miejscu. Zatrzymują one działanie programu na konkretnej linii kodu wskazanej przez breakpoint. Daje to możliwość wglądu do stanu w jakim znajduje się aplikacja – wartości zmiennych, kolejności wykonywania, czy dokładnej lokalizacji wystąpienia błędu. Debugger Visual Studio wspiera wszystkie języki obsługiwane przez IDE, pozwala też na podpięcie kodu do aplikacji działających jako proces, nawet na serwerze, tzw. remote debugging

Pierwsze kroki

Przejdźmy teraz do sedna. Visuala można pobrać z oficjalnej strony Microsoftu. W podstawowej wersji jest całkowicie darmowy – możesz korzystać do woli!

Po zainstalowaniu i uruchomieniu ukaże się przed Tobą strona startowa:

Ekran startowy VS

Widzisz ekran podzielony na kilka sekcji.

Get started zawiera samouczki.

Recent to lista ostatnio uruchamianych solucji lub projektów.

Open, jak sama nazwa wskazuje pozwala na otworzenie już istniejących źródeł.

New project – zawiera odnośniki do ekranu tworzenia nowych projektów.

Developer news – wyświetla informacje z bloga Microsoftu.

 

Coś nie tak? U Ciebie coś wygląda inaczej? Twoje Visual Studio zainstalowało się w języku polskim? Gorąco zachęcam Cię do zmiany na angielski, jest ku temu kilka powodów:

– będziesz uczył się technicznego słownictwa,

– wszystkie porady w sieci dotyczą angielskich nazw w VS.

Jak to zrobić?

Z paska menu wejdź w Tools/Narzędzia. Z listy rozwijanej wybierz Options/Opcje. Następnie w sekcji Environment/Środowisko wyszukaj pola International Settings/Ustawienia Międzynarodowe. Tam z listy rozwijanej wybierz angielski i zatwierdź przyciskiem ok.

zmiana języka w Visual Studio

Pierwszy projekt

Okej! Czas utworzyć pierwszy projekt! Możesz to zrobić z ekranu startowego. Masz tam jednak dostęp do najczęściej używanych typów aplikacji. Wszystkie znajdziesz wybierając File -> New -> Project. Twoim oczom ukaże się menu tworzenia projektu.

tworzenie nowego projektu w Visual Studio

Możesz wybierać pomiędzy wieloma startowymi wzorami według uznania. Szablony pogrupowane są według języków. Gdy już zdecydujesz wpisz nazwę dla swojego projektu poniżej. Widnieje tam też lokalizacja plików na dysku, nazwa całej solucji oraz dwa checkboxy. Pierwszy z nich pozwala na utworzenie folderu dla całego systemu, natomiast drugi- nowego repozytorium Gita, o którym będę pisał w innym wpisie. Na ten moment powinieneś wiedzieć, że wybranie tej opcji pozwala używać narzędzi kontroli wersji, przetrzymywać kod w chmurze, itp. Po zatwierdzeniu wszystkich opcji (mogą być różne dla każdego typu projektu) pliki zostaną utworzone, a program przejdzie do widoku, który będziesz oglądał najczęściej – trybu edycji.

Główne okna programu

otwarty projekt w Visual Studio

Na screenie powyżej łatwo zauważyć, że cały ekran podzielony jest na kilka sektorów. Największy z nich to miejsce, w którym wprowadzamy zmiany w plikach, czyli najprościej mówiąc programujemy. Edytor ma możliwość otwierania kilku dokumentów jednocześnie, grupowania ich, a nawet otwierania w nowym oknie Visual Studio. Wszystko metodą drag & drop. Spróbuj sam, poklikaj, zrozumiesz o co chodzi.

Po prawej widać okienko Solution Explorer. Nazwa tłumaczy wszystko. Jest to miejsce przedstawiające strukturę całej solucji. Tutaj uzyskasz dostęp do wszystkich plików i będziesz miał możliwość zarządzania nimi. Stąd ustawisz sposób uruchomienia projektów i wiele innych. Każdy z nich zawiera także plik .csproj przechowujący metadane wykorzystywane podczas działania aplikacji. W oknie Solution Explorera jest on niewidoczny, ale klikając prawym przyciskiem myszy na nazwę projektu i wybierając Edit <nazwa_projektu>.csproj możesz go otworzyć i wprowadzić zmiany.

W dolnej części ekranu widoczna jest jeszcze jedna sekcja. Oczywiście tutaj też możesz dowolnie grupować elementy. Domyślnie znajdują się tutaj dwie karty: Error list oraz Output.

błędy w Visual Studio

Pierwsza z nich ma nieco niefortunną nazwę, bo oprócz błędów zawiera też ostrzeżenia i wiadomości. Jest to pierwsze miejsce, w którym powinno się zacząć szukać rozwiązania problemów z aplikacją. Zapomniałeś średnika, plik nie istnieje, interfejs nie jest zaimplementowany? Takich komunikatów zobaczy mnóstwo w swojej karierze. Wszystkie informacje możesz dowolnie sortować i filtrować, a podwójne kliknięcie przeniesie Cię do miejsca, gdzie wystąpił błąd.

output w Visual Studio

Druga zawiera dane wysyłane przez Twój program podczas budowania i regularnej pracy. To także miejsce, w którym warto szukać użytecznych wskazówek pomagających znaleźć problem nękający aplikację.

Zarządzanie paczkami NuGet

Ostatnim miejscem, które chciałem omówić jest karta do zarządzania paczkami NuGet. Służy ona do instalowania zależności (ang. dependencies) aplikacji, czyli bibliotekami cudzego kodu dołączonymi do programu w celu uniknięcia pisania uniwersalnych funkcjonalności za każdym razem od nowa. Przykładem może być Newtonsoft.Json używany do operacji na danych w formacie JSON, i mający 137 mln pobrań w momencie pisania artykułu. Do tego widoku możemy dostać się wybierając Tools z paska menu, a następnie klikając NuGet Package Manager i Manage NuGet Packages for Solution.

NuGet Packages w Visual Studio

Widoczne są cztery sekcje paczek:

  1. Browse- tutaj można wyszukiwać nowe i dodawać je do projektów.
  2. Installed – jak informuje nazwa – zawiera wszystkie biblioteki zainstalowane wcześniej, którymi można zarządzać.
  3. Updates – znajdziesz tutaj elementy, które otrzymały nową wersję i da się je do niej zaktualizować.
  4. Consolidate – z tego miejsca można ujednolicić wersje paczek w projektach, w przypadku gdy te różnią się od siebie.

W prawym górnym rogu widoczna jest sekcja zatytułowana package source. Pozwala ona na wybranie źródła, z którego chcemy pobierać paczki. Domyślnie jest to serwer nuget.org, natomiast istnieje możliwość dołączenia innych., np.: serwerów klienta. Prywatnie sam korzystam z podobnego rozwiązania, gdzie umieszczam biblioteki z kodem współdzielonym przez moje aplikacje.

Warto dodać też, że wszystkie możliwości jakie oferuje system zarządzania NuGetami, można osiągnąć używając komend PowerShella.

Przebrnęliśmy przez wszystkie, według mnie, najważniejsze komponenty Visual Studio. Oczywiście zdaję sobie sprawę, że nie wspomniałem nawet o 10% możliwości jakie daje to IDE. Moim celem jednak było ułatwienie Ci startu i pomoc w początkowej fazie korzystania z VS. Gorąco zachęcam do samodzielnego eksperymentowania z konfiguracją programu, bo tylko w ten sposób będzie w stanie nauczyć się jego obsługi. Jeśli napotkałaś/napotkałeś jakiś problem lub odkryłaś/odkryłeś coś ciekawego śmiało pisz w komentarzu. W miarę Twojego rozwoju poznasz kolejne funkcjonalności. Wierzę jednak, że powyższy artykuł wystarczy, aby zacząć. A może pracujesz w Visualem już dłużej? Czy dzięki temu postowi odkryłeś coś nowego? Koniecznie daj znać poniżej!

 

Please follow and like us:

2 Replies to “pierwsze kroki z Visual Studio”

  1. Ciekawy i dobrze ogarnięty wpis dla osób zaczynających lub planujących rozpoczęcie swojej przygody z VS, tak trzymaj 🙂 W przyszłości fajnie by było tutaj zobaczyć zestawienie skrótów klawiszowych, dobrych praktyk, czy dodatków do VS, z których korzystasz na co dzień 🙂

    1. Dzięki Szymon 🙂 cenne uwagi, a pomysły na posty na pewno dopiszę do listy tematów do zrealizowania 🙂

Dodaj komentarz

This site uses Akismet to reduce spam. Learn how your comment data is processed.