Przejdź do głównej zawartości

Visual Studio Code i Git zamiast PowerShell ISE - UPDATED

· 3 min aby przeczytać
Piotr Rogala
MVP Azure & owner JustCloud.pl

Większość z was zapewne widziała już Visual Studio Code, taki Visual Studio w wersji "light". Program jest dostępny na platformach Windows, Linux, Mac, można powiedzieć, że to dość dziwne i takie nie Microsoftowe, a zarazem jest bardzo poważny krok w stronę DevOpsów.

Jeśli używałeś wcześniej różnych edytorów tekstowych, to pewnie miałeś bądź nadal używasz programu Sublime Text. Myślę, że jak użyję określenia odpowiednik, to zapewne już wiesz, o czym tutaj piszę.

Czym jest Visual Studio Code? Jest to edytor tekstowy z możliwością zainstalowania różnych modułów. Z defaultu program ma kontrolę wersji (wymagana instalacja Git-a) i debug. Ponoć w niedalekiej przyszłości VSC ma zastąpić PowerShell ISE, dlatego przejdźmy do konfiguracji, aby móc z niego korzystać.

Do ściągnięcia z: https://code.visualstudio.com/

Instruktarz video: https://channel9.msdn.com/Blogs/MVP-Azure/Transitioning-from-PowerShell-ISE-to-VS-Code

Instalacja bardzo prosta: "next/next/next"

Aby korzystać z command line PowerShella, należy doinstalować moduł: https://marketplace.visualstudio.com/items?itemName=ms-vscode.PowerShell

W VSC naciskamy Ctrl + P i wklejamy:

ext install PowerShell

Visual Studio Code i Git - instalacja modułu PowerShell - grafika 1

Restartujemy VSC i klikamy New file, żeby nasz plik był używany jako skrypt PowerShella, możemy go zapisać jako .ps1 lub wybrać w dolnym prawym rogu "Plain Text" i wpisać powershell. Dopiero teraz możemy używać obszaru roboczego jak w dotychczasowym PowerShell ISE i działają skróty F5 i F8 do wykonywania poleceń. Jeśli jakimś cudem nie widzisz okna Terminal, możesz je włączyć View > Integrated Terminal.

Visual Studio Code i Git - widok edytora - grafika 2

Przykład z "Get-Service" + F8

Visual Studio Code i Git - wykonanie polecenia Get-Service - grafika 3

Chcesz używać Git-a? Poniżej przedstawię jedną z szybkich opcji, jak sobie poradzić z używaniem Git-a z poziomu Visual Studio Code - tutaj tylko dodam, że nie jest to jedyna opcja i zależy to oczywiście od umiejętności pracy z Git-em. Aby szybko sobie skonfigurować środowisko do pracy z Git-em, ściągamy instalację z: https://git-scm.com/downloads

Instalację przeprowadzamy z defaultowymi ustawieniami. Następnie restartujemy VSC i klikamy File > Open Folder - teraz otwórz lokalizację, gdzie będziesz chciał sklonować swoje repozytorium. W moim przykładzie utworzyłem sobie folder Git w Documents (C:\Users\Admin\Documents\Git). Przechodzimy do okna Terminala, jeśli nie jest on u Ciebie widoczny to możesz wybrać View > Integrated Terminal, aby go wyświetlić. W polu terminala wpisujemy:

git clone link_do_projektu

Visual Studio Code i Git - klonowanie repozytorium - grafika 4

Jeśli nie wiesz, gdzie jest ten link, poniższy screen powinien to wyjaśnić. Na stronie https://your-project-name.visualstudio.com jest możliwość sprawdzenia dokładnie adresu repozytorium, klikając po prawej stronie na górze "Clone"

Visual Studio Code i Git - odnalezienie linku do repozytorium - grafika 5

Po kliknięciu enter wyskoczy okno do zalogowania się, a później rozpocznie się klonowanie do wskazanej lokalizacji. Po zakończeniu klonowania nasza konfiguracja dobiegła końca. Teraz możemy wrzucić do folderu jakiś skrypt, a następnie zauważymy go w VSC na ikonie gałęzi w celu wysłania go do naszego repozytorium jak na poniższym screenie. Jeśli mamy plik, który został utworzony lub edytowany, należy go zacommitować, dodając opis zmiany i kliknąć ptaszek. Po zatwierdzeniu na dole należy zrobić synchronizację. Trzeba pamiętać, aby zawsze przed commitem wykonać synchronizację, aby mieć pewność, że pracujemy zawsze na najnowszych plikach z repozytorium.

Visual Studio Code i Git - zarządzanie zmianami - grafika 6

Visual Studio Code i Git - commit i synchronizacja - grafika 7