Opisywanie pracy z usługą Git lokalnie

Ukończone

Git i Continuous Delivery to jedna z tych pysznych kombinacji czekolady i masła orzechowego. Od czasu do czasu znajdziemy dwa wspaniałe smaki, które smakują świetnie razem w świecie oprogramowania!

Ciągłe dostarczanie oprogramowania wymaga znacznego poziomu automatyzacji. Ciągłe dostarczanie jest trudne, jeśli nie masz bazy kodu wysokiej jakości.

Usługa Git udostępnia bloki konstrukcyjne do przejęcia jakości w bazie kodu. Pozwala to zautomatyzować większość kontroli w bazie kodu. Ponadto działa przed zatwierdzeniem kodu w repozytorium.

Aby w pełni docenić skuteczność usługi Git, musisz najpierw zrozumieć, jak wykonywać podstawowe operacje w usłudze Git. Na przykład klonowanie, zatwierdzanie, wypychanie i ściąganie.

Naturalne pytanie brzmi: jak rozpocząć pracę z usługą Git?

Jedną z opcji jest przejście natywne za pomocą wiersza polecenia lub wyszukanie edytora kodu obsługującego natywnie usługę Git.

Visual Studio Code to międzyplatformowy edytor kodu typu open source, który zapewnia zaawansowane narzędzia deweloperskie dla setek języków.

Aby pracować w środowisku open source, musisz objąć narzędzia open source.

Ten przepis rozpoczyna się od:

  • Konfigurowanie środowiska projektowego przy użyciu programu Visual Studio Code.
  • Tworzenie nowego repozytorium Git.
  • Zatwierdzanie zmian kodu lokalnie.
  • Wypychanie zmian do repozytorium zdalnego w usłudze Azure DevOps.

Przygotowanie

Ten samouczek uczy nas, jak zainicjować repozytorium Git lokalnie.

Następnie użyjemy szablonu projektu ASP.NET Core MVC, aby utworzyć nowy projekt i wersję go w lokalnym repozytorium Git.

Następnie użyjemy programu Visual Studio Code do interakcji z repozytorium Git w celu wykonywania podstawowych operacji zatwierdzania, ściągania i wypychania.

Należy skonfigurować środowisko robocze z następującymi elementami:

Witryna Visual Studio Marketplace oferuje kilka rozszerzeń programu Visual Studio Code, które można zainstalować, aby ulepszyć środowisko korzystania z usługi Git:

  • Git Lens: to rozszerzenie udostępnia wizualizację historii kodu przy użyciu adnotacji winy git i obiektywu kodu. Rozszerzenie umożliwia bezproblemowe nawigowanie i eksplorowanie historii pliku lub gałęzi. Ponadto rozszerzenie umożliwia uzyskiwanie cennych szczegółowych informacji za pomocą zaawansowanych poleceń porównania i wiele innych.
  • Historia usługi Git: udostępnia możliwości wizualizacji i interakcji w celu wyświetlania dziennika git, historii plików i porównywania gałęzi lub zatwierdzeń.

Jak to zrobić

  1. Otwórz wiersz polecenia i utwórz nowy folder roboczy:

    mkdir myWebApp
    cd myWebApp
    
    
  2. W aplikacji myWebApp zainicjuj nowe repozytorium Git:

    git init
    
    
  3. Skonfiguruj ustawienia globalne dla nazwy i adresu e-mail, które mają być używane podczas zatwierdzania w tym repozytorium Git:

    git config --global user.name "John Doe"
    git config --global user.email "john.doe@contoso.com"
    
    

    Jeśli pracujesz za serwerem proxy przedsiębiorstwa, możesz rozpoznać serwer proxy repozytorium Git, dodając szczegóły serwera proxy w pliku konfiguracji globalnej usługi Git. Różne odmiany tego polecenia umożliwiają skonfigurowanie serwera proxy HTTP/HTTPS (z nazwą użytkownika/hasłem) i opcjonalnie obejście weryfikacji SSL. Uruchom poniższe polecenie, aby skonfigurować serwer proxy w globalnej konfiguracji usługi Git.

    git config --global http.proxy
    http://proxyUsername:proxyPassword@proxy.server.com:port
    
    
  4. Utwórz nową aplikację podstawową ASP.NET. Nowe polecenie oferuje kolekcję przełączników, które mogą być używane do wyboru języka, uwierzytelniania i struktury. Więcej szczegółów można znaleźć w witrynie Microsoft Learn.

    dotnet new mvc
    
    

    Uruchom program Visual Studio Code w kontekście bieżącego folderu roboczego:

    code .
    
    
  5. Po otwarciu projektu w programie Visual Studio Code wybierz pozycję Tak , aby w obszarze "myWebApp" brakuje wymaganych zasobów do skompilowania i debugowania. Dodaj je? Komunikat ostrzegawczy. Wybierz pozycję Przywróć, aby wyświetlić komunikat informacyjny o nierozwiązanych zależnościach. Naciśnij F5 , aby debugować aplikację, a następnie aplikacja myWebApp zostanie załadowana w przeglądarce, jak pokazano na poniższym zrzucie ekranu:

    Zrzut ekranu przedstawiający aplikację internetową z programu Visual Studio Code.

    Jeśli wolisz używać wiersza polecenia, możesz uruchomić następujące polecenia w kontekście repozytorium git, aby uruchomić aplikację internetową.

    dotnet build
    dotnet run
    
    

    Zauważysz znak ". Folder PROGRAMU VS Code jest dodawany do folderu roboczego. Aby uniknąć zatwierdzania tego folderu w repozytorium Git, możesz dołączyć go do pliku gitignore. Wybierz plik z pliku ". Folder PROGRAMU VS Code, naciśnij F1, aby uruchomić okno polecenia w programie Visual Studio Code, wpisz gitIgnore i zaakceptuj opcję dołączenia wybranego pliku do nowego. plik gitIgnore.

    Zrzut ekranu przedstawiający dodawanie pliku do akcji .gitignore.

    Otwórz plik gitignore, usuń nazwę pliku ze ścieżki i pozostaw folder ukośnikiem, na przykład . VS Code/*.

    Zrzut ekranu przedstawiający dodawanie folderu vscode do akcji .gitignore.

  6. Aby przygotować i zatwierdzić nowo utworzony projekt myWebApp do repozytorium Git z poziomu programu Visual Studio Code, przejdź do ikony Git z panelu po lewej stronie. Dodaj komentarz zatwierdzenia i zatwierdź zmiany, klikając ikonę znacznika wyboru. Spowoduje to etap i zatwierdzenie zmian w jednej operacji:

    Zrzut ekranu przedstawiający zatwierdzenie przy użyciu programu VS Code.

    Otwórz Program.cs, zauważysz, że obiektyw git ozdobi klasy i funkcje z historią zatwierdzeń i dostarcza te informacje w kolejce do każdego wiersza kodu:

    Zrzut ekranu przedstawiający kod Program.cs przedstawiający dekorację klasy.

  7. Teraz uruchom polecenie cmd w kontekście repozytorium git i uruchom polecenie git branch --list. Pokazuje on, że w tym repozytorium istnieje tylko main gałąź, która obecnie istnieje. Teraz uruchom następujące polecenie, aby utworzyć nową gałąź o nazwie feature-devops-home-page.

    git branch feature-devops-home-page
    git checkout feature-devops-home-page
    git branch --list
    
    

    Utworzono nową gałąź za pomocą tych poleceń i wyewidencjonowaliśmy ją. Słowo --list kluczowe wyświetla listę wszystkich gałęzi w repozytorium. Kolor zielony reprezentuje gałąź, która jest obecnie wyewidencjonowana.

  8. Teraz przejdź do pliku ~\Views\Home\Index.cshtml i zastąp zawartość poniższym tekstem.

    @{
        ViewData["Title"] = "Home Page";
    }
    
    <div class="text-center">
        <h1 class="display-4">Welcome</h1>
        <p>Learn about <a href="https://azure.microsoft.com/services/devops/">Azure DevOps</a>.</p>
    </div>
    
    
  9. Odśwież aplikację internetową w przeglądarce, aby zobaczyć zmiany.

    Zrzut ekranu przedstawiający stronę powitalną localhost.

  10. W kontekście repozytorium git wykonaj następujące polecenia. Te polecenia umożliwiają przygotowanie zmian w gałęzi, a następnie ich zatwierdzenie.

    git status
    git add .
    git commit -m "updated welcome page."
    git status
    
    
  11. Aby scalić zmiany ze strony głównej feature-devops-home-page, uruchom następujące polecenia w kontekście repozytorium git.

    git checkout main
    git merge feature-devops-home-page
    
    

    Zrzut ekranu przedstawiający okno danych wyjściowych scalania feature-devops-home-page.

  12. Uruchom poniższe polecenie, aby usunąć gałąź funkcji.

    git branch --delete feature-devops-home-page
    
    

Jak to działa

Najprostszym sposobem zrozumienia wyniku wykonanych wcześniej kroków jest sprawdzenie historii operacji. Przyjrzyjmy się, jak to zrobić.

  1. W usłudze Git zatwierdzanie zmian w repozytorium jest procesem dwuetapowym. Uruchomione: add . zmiany są wprowadzane, ale nie są zatwierdzane. Na koniec uruchomienie zatwierdzenia promuje przygotowane zmiany w repozytorium.

  2. Aby wyświetlić historię zmian w gałęzi głównej, uruchom polecenie git log -v

    Zrzut ekranu przedstawiający historię zmian w gałęzi głównej.

  3. Aby zbadać rzeczywiste zmiany w zatwierdzeniu, możesz uruchomić polecenie git log -p

    Zrzut ekranu przedstawiający wiersz polecenia z wyświetlonym dziennikiem git -p dane wyjściowe ze zmianami pliku.

Jest więcej

Usługa Git ułatwia wycofywanie zmian. W naszym przykładzie, jeśli chcesz wyjąć zmiany wprowadzone na stronie powitalnej.

Możesz zresetować gałąź główną do poprzedniej wersji zatwierdzenia przy użyciu następującego polecenia.

git reset --hard 5d2441f0be4f1e4ca1f8f83b56dee31251367adc

Uruchomienie powyższego polecenia spowoduje zresetowanie gałęzi do zmiany init projektu.

Jeśli uruchomisz polecenie git log -v, , zobaczysz, że zmiany wprowadzone na stronie powitalnej zostaną usunięte z repozytorium.