Instalacja Visual Studio Code krok po kroku

Szymon Ptak
2 min read
Instalacja Visual Studio Code krok po kroku

Wprowadzenie

Zaczynamy serię o podstawach Visual Studio Code — darmowego edytora, w którym będziemy edytować pliki i wysyłać zmiany do repozytoriów. Nie trzeba nic wiedzieć o programowaniu — pokazujemy krok po kroku, od pobrania instalatora po pierwsze uruchomienie. Na koniec tego wpisu będziesz mieć zainstalowane VS Code i gotowe do pracy. W drugiej i trzeciej części przejdziemy do konkretnych przykładów użycia.

Krok 1: pobranie instalatora

Otwieramy przeglądarkę i wpisujemy „Visual Studio Code" albo „VS Code". Ważne, żeby pobierać aplikację z oficjalnego źródła — strony code.visualstudio.com. System automatycznie podpowiada odpowiednią wersję dla naszego systemu operacyjnego, ale dostępne są też wersje dla innych systemów, gdyby ktoś pobierał instalator na inny komputer. Klikamy Download i czekamy, aż plik się pobierze.

Krok 2: instalator

Po pobraniu klikamy plik i uruchamiamy instalator:

  1. wybieramy język instalacji,
  2. akceptujemy warunki licencji,
  3. zostawiamy domyślną ścieżkę instalacji,
  4. zostawiamy domyślne komponenty Visual Studio Code.

Na etapie zadań dodatkowych warto zaznaczyć dwie opcje: „Dodaj do menu kontekstowego Eksploratora Windows" dla plików i dla folderów. Dzięki temu, mając otwarty folder projektu w Eksploratorze plików, będziemy mogli otworzyć go w VS Code jednym kliknięciem prawym przyciskiem myszy — to bardzo przydatna rzecz w codziennej pracy. Klikamy Dalej, a potem Zainstaluj i czekamy chwilę, aż proces się zakończy.

Krok 3: pierwsze uruchomienie

Po zakończonej instalacji zamykamy instalator i przeglądarkę, i uruchamiamy Visual Studio Code — u niektórych otworzy się on nawet automatycznie zaraz po instalacji.

Co widzimy po lewej stronie

Najważniejsze elementy interfejsu to pionowy pasek ikon po lewej stronie:

  • Eksplorer — przeglądanie folderów i plików otwartego projektu,
  • Wyszukiwanie — szukanie tekstu w całym otwartym folderze,
  • Kontrola źródeł (Git) — podpięcie do repozytorium; może to być wewnętrzny firmowy Git, Azure DevOps albo GitHub,
  • Uruchamianie i debugowanie — do uruchamiania programów i skryptów (Python, C# i inne),
  • Rozszerzenia — instalacja wtyczek rozszerzających możliwości edytora; więcej o nich w kolejnym wpisie.

Warto wiedzieć, że VS Code pierwotnie powstał jako narzędzie dla programistów, ale dziś ma bardzo dużo dodatkowych funkcjonalności i jest promowany również jako środowisko do pracy z agentami AI — sami przekonamy się o tym w dalszych wpisach na tym blogu.

Podsumowanie

Mamy zainstalowane i uruchomione Visual Studio Code, znamy oficjalne źródło pobierania oraz najważniejsze ikony paska bocznego. W następnej części otworzymy pierwszy folder jako workspace, utworzymy w nim pliki i foldery oraz zainstalujemy pierwsze rozszerzenie.