Główna » zestaw narzędzi » Kontrola wersji w kodzie Visual Studio z Gitem [Przewodnik]

    Kontrola wersji w kodzie Visual Studio z Gitem [Przewodnik]

    Zintegrowana obsługa Git to jedna z największych cech Visual Studio Code, nowego edytora kodu źródłowego Microsoftu. Git to rozproszony system kontroli wersji, to pozwala śledzić pracę, poruszać się między wersjami i pracować w różnych gałęziach jednocześnie. Jest również używany przez Github, popularną usługę hostingową repozytorium Git.

    Kod Visual Studio domyślnie obsługuje Git, co oznacza, że ​​nie musisz instalować żadnych pakietów ani rozszerzeń, aby z niego korzystać. Pasek boczny zawiera oddzielny Git Wyświetl możesz szybko otworzyć klikając na Git ikona na pasku widoku (patrz części kodu VS) lub naciskając klawisz Ctrl + Shift + klawisz G.

    Zainstaluj Git

    Jako kod Visual Studio używa instalacji Git komputera, najpierw musisz zainstalować Git. Możesz go szybko pobrać z oficjalnej strony Git. Musisz zainstalować przynajmniej wersja 2.0.0 aby funkcje Git kodu VS działały poprawnie.

    Chociaż kod Visual Studio pozwala na to zarządzaj Git wizualnie, jeśli chcesz się również dowiedzieć, jak używać Git z linii poleceń, oto kilka przydatnych zasobów:

    • Interaktywny samouczek Git Githuba
    • Samouczek Git Atlassiana - Atlassian jest firmą, która stoi za platformą hostingową kodu źródłowego Bitbucket (podobną do Github)
    • Atlassian's Git Cheat Sheet (PDF) - to najszybszy sposób, jeśli korzystałeś już z Gita, ale nie pamiętasz jednego lub dwóch poleceń
    • Cały podręcznik Pro Git

    Zainicjuj swoje repozytorium

    Jeśli twój obszar roboczy nie jest jeszcze śledzony przez Gita, najpierw musisz zainicjować nowe repozytorium. Aby to zrobić, kliknij przycisk Initialize git repository repository w widoku Git.

    Kod VS utworzy .git folder w obszarze roboczym (nie widać tego z kodu VS, ponieważ jest to ukryty katalog, ale można go znaleźć w menedżerze plików w folderze głównym projektu), a także dodaj swoje nieśledzone pliki do paska bocznego.

    Zmiany sceniczne

    Po skonfigurowaniu repozytorium Git nadszedł czas utwórz swoje początkowe zatwierdzenie (zatwierdzenie to zapisany stan całego repozytorium, do którego możesz później wrócić). Przed zatwierdzeniem musisz dodać pliki, które chcesz śledzić za pomocą Git, do obszaru przemieszczania lub innymi słowy musisz etap zmian. Kliknij przycisk +, który pojawia się w dymku obok każdego pliku, aby je wykonać.

    Po kliknięciu plików, które chcesz odtworzyć, Visual Studio Code przenosi się z Zmiany folder do Zmiany etapowe to znaczy, że teraz są w obszarze postoju. Jeśli chcesz wystaw wszystkie swoje pliki naraz, obok przycisku znajduje się przycisk + Zmiany również napisy (pojawia się na dymku) i kliknij na niego.

    Zatwierdź zmiany

    Zmiany etapowe nie są jeszcze rejestrowane, musisz także popełnij je, abyś później mógł się przyjrzeć lub wrócić do aktualny stan twojego repozytorium. Aby zatwierdzić zmiany etapowe, musisz dodaj wiadomość zatwierdzenia opisuje zmiany wprowadzone od czasu poprzedniego zatwierdzenia.

    Jak w naszym przykładzie będzie to początkowe zatwierdzenie, użyjmy uderzającego “Początkowe zobowiązanie” wiadomość. Wpisz wiadomość zatwierdzenia do paska wejściowego na górze paska bocznego i kliknij na małą ikonę kleszcza. Teraz jesteś gotowy z pierwszym zatwierdzeniem, rejestrowany jest stan początkowy repozytorium.

    Twój katalog roboczy Git jest czysty, wszystkie zmiany dokonane do tej pory są śledzone, a Twój Git View mówi, że są 0 zmian (zawsze porównuje się z ostatnim zatwierdzeniem). Jeśli wprowadzisz nowe zmiany w obszarze roboczym, nowe zmiany pojawią się ponownie na pasku bocznym i będziesz musiał popełnij je ponownie po osiągnięciu kwoty, którą warto poświęcić.

    Na poniższym zrzucie ekranu możesz zobaczyć, jak powinien wyglądać Twój edytor kodu zaraz po zatwierdzeniu.

    Śledź zmiany

    Jeśli kontynuujesz pracę, jeśli nie masz pewności, w jaki sposób aktualna wersja porównuje się z ostatnim zatwierdzeniem, możesz szybko sprawdzić różnice. W widoku Git wystarczy kliknij dwukrotnie plik, który chcesz przeanalizować, i VS Code pokaże bieżące i poprzednie wersje obok siebie, więc możesz szybko je porównać.

    Mówiąc o następujących zmianach, ważne jest również, aby wiedzieć o kodzie Visual Studio wskaźniki rynny które opisują zmiany w porównaniu z poprzednim zatwierdzeniem, nawet jeśli widok obok siebie nie jest otwarty. Wykorzystuje kod VS 3 rodzaje wskaźników rynnowych:

    1. za czerwony trójkąt dla każdego usunięcia linii
    2. za zielony pasek dla każdego dodania linii
    3. za niebieski pasek dla każdej modyfikacji linii

    Utwórz gałęzie

    Git pozwala na to pracować na różnych gałęziach w tym samym czasie. Jest to nie tylko dobre do eksperymentowania z nowymi rozwiązaniami, ale może również znacznie ułatwić pracę zespołową, w której programiści mogą pracować na różnych gałęziach (jednak nie jest to obowiązkowe, ponieważ mogą oni również pozostać na tej samej gałęzi).

    W kodzie Visual Studio możesz tworzyć nowe oddziały otwierając paletę Quick Open, naciskając Ctrl + P (Cmd + P na Macu), a następnie wpisując gałąź git polecenie do paska wprowadzania. Musisz także dodać nazwę nowej gałęzi do końca polecenia.

    Jak nazwa nowej gałęzi w naszym przykładzie będzie gałąź testowa, Użyję Git Branch Test-Branch polecenie, ale możesz użyć dowolnej innej nazwy. W lewej części paska stanu (niebieski pasek na dole ekranu) zawsze możesz szybko sprawdzić, w której gałęzi aktualnie pracujesz. Na poniższym zrzucie ekranu widać, że aktualnie jestem na stronie mistrz Oddział.

    Oddziały kasowe

    Do przełączać się między gałęziami, rodzaj git checkout do palety Quick Open (Ctrl + P / Cmd + P) i możesz wybierać spośród dostępnych gałęzi. Na poniższym zrzucie ekranu możesz zobaczyć pasek stanu, w którym aktualnie jestem na gałęzi o nazwie test (Stworzyłem to po gałąź testowa), a jeśli chcę przenieść się do innej gałęzi, mogę teraz wybrać z mistrz i gałąź testowa gałęzie.

    Użyj poleceń Git z palety poleceń

    Możesz również uzyskać dostęp do poleceń Git z palety poleceń (F1 w Windows i Linux, Shift + Cmd + P na Mac). Nie musisz nic więcej robić, po prostu wpisz polecenie Git wewnątrz Palety poleceń i otrzymasz listę rozwijaną dostępnych poleceń, z których możesz szybko wybrać.

    Zaawansowane operacje git

    Do tej pory przyjrzeliśmy się, jak używać podstawowych operacji Git w Visual Studio Code do śledzenia naszej pracy. VS Studio Code ma również zaawansowane funkcje Git, takie jak zarządzanie zdalnymi repozytoriami, łączenie konfliktów, a nawet można skonfigurować kod VS jako zewnętrzny edytor Git.

    Visual Studio Code Marketplace zawiera również rozszerzenia związane z Git, które mogą sprawić, że przepływ pracy Git będzie jeszcze bardziej profesjonalny.

    Osobiście uważam, że rozszerzenie Git History jest bardzo przydatne, ponieważ umożliwia szybkie sprawdzenie szczegółów każdego zatwierdzenia i porównanie dwóch poprzednich zatwierdzeń obok siebie. Możesz również przeczytać rozszerzenie Git History w moim poprzednim artykule o rozszerzeniach VS Code dla programistów.