Popis práce s Gitem místně

Dokončeno

Git a Průběžné doručování je jednou z těch lahodných čokoládových a rašídových kombinací másla. Občas najdeme dvě skvělé vkusy, které chutnají skvěle společně v softwarovém světě!

Průběžné doručování softwaru vyžaduje významnou úroveň automatizace. Průběžné doručování je obtížné, pokud nemáte kvalitní základ kódu.

Git vám poskytuje stavební bloky, které vám umožní převzít kvalitu základu kódu. Umožňuje automatizovat většinu kontrol v základu kódu. Funguje také před potvrzením kódu do úložiště.

Abyste plně ocenili efektivitu Gitu, musíte nejprve pochopit, jak provádět základní operace v Gitu. Můžete například klonovat, potvrdit, nasdílení změn a vyžádat.

Přirozenou otázkou je, jak začít s Gitem?

Jednou z možností je nativní přechod pomocí příkazového řádku nebo vyhledání editoru kódu, který nativně podporuje Git.

Visual Studio Code je multiplatformní opensourcový editor kódu, který poskytuje výkonné vývojářské nástroje pro stovky jazyků.

Abyste mohli pracovat v opensourcových prostředích, musíte využít opensourcové nástroje.

Tento recept začíná tímto:

  • Nastavení vývojového prostředí pomocí editoru Visual Studio Code
  • Vytvoření nového úložiště Git
  • Potvrzení změn kódu místně.
  • Nasdílením změn do vzdáleného úložiště v Azure DevOps

Příprava

V tomto kurzu se dozvíte, jak inicializovat úložiště Git místně.

Pak použijeme šablonu projektu ASP.NET Core MVC k vytvoření nového projektu a jeho verzi v místním úložišti Git.

K interakci s úložištěm Git pak použijeme Visual Studio Code k provádění základních operací potvrzení, vyžádání a zápisu.

Pracovní prostředí musíte nastavit následujícím postupem:

Visual Studio Marketplace nabízí několik rozšíření pro Visual Studio Code, která můžete nainstalovat, abyste vylepšili možnosti používání Gitu:

  • Git Lens: Toto rozšíření přináší vizualizaci historie kódu pomocí poznámek Git blame a objektivu kódu. Rozšíření umožňuje bezproblémovou navigaci a prozkoumání historie souboru nebo větve. Rozšíření také umožňuje získat cenné přehledy prostřednictvím výkonných srovnávacích příkazů a mnohem více.
  • Historie Gitu: Přináší možnosti vizualizace a interakce pro zobrazení protokolu Gitu, historie souborů a porovnání větví nebo potvrzení.

Jak to udělat

  1. Otevřete příkazový řádek a vytvořte novou pracovní složku:

    mkdir myWebApp
    cd myWebApp
    
    
  2. V myWebApp inicializovat nové úložiště Git:

    git init
    
    
  3. Nakonfigurujte globální nastavení pro název a e-mailovou adresu, která se má použít při potvrzení v tomto úložišti Git:

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

    Pokud pracujete za podnikovým proxy serverem, můžete proxy úložiště Git zjistit přidáním podrobností o proxy serveru do globálního konfiguračního souboru Gitu. Různé varianty tohoto příkazu umožňují nastavit proxy server HTTP/HTTPS (s uživatelským jménem nebo heslem) a volitelně obejít ověření SSL. Spuštěním následujícího příkazu nakonfigurujte proxy server v globální konfiguraci Gitu.

    git config --global http.proxy
    http://proxyUsername:proxyPassword@proxy.server.com:port
    
    
  4. Vytvořte novou ASP.NET základní aplikaci. Nový příkaz nabízí kolekci přepínačů, které lze použít pro výběr jazyka, ověřování a architektury. Další podrobnosti najdete v dokumentaci Microsoftu.

    dotnet new mvc
    
    

    Spusťte Visual Studio Code v kontextu aktuální pracovní složky:

    code .
    
    
  5. Když se projekt otevře v editoru Visual Studio Code, vyberte možnost Ano pro požadované prostředky, které se mají sestavit a ladit, chybí v souboru myWebApp. Chcete je přidat? Zpráva s upozorněním Vyberte Obnovit pro informační zprávu o nevyřešených závislostech . Pokud chcete ladit aplikaci, stiskněte klávesu F5 a pak se myWebApp načte v prohlížeči, jak je znázorněno na následujícím snímku obrazovky:

    Snímek obrazovky webové aplikace z editoru Visual Studio Code

    Pokud chcete použít příkazový řádek, můžete spustit následující příkazy v kontextu úložiště Git a spustit webovou aplikaci.

    dotnet build
    dotnet run
    
    

    Všimněte si". Do pracovní složky se přidá složka VS Code. Abyste se vyhnuli potvrzení této složky do úložiště Git, můžete ji zahrnout do souboru .gitignore. Vyberte soubor z ". Ve složce VS Code stiskněte klávesu F1 a spusťte příkazové okno v editoru Visual Studio Code, zadejte gitIgnore a přijměte možnost zahrnout vybraný soubor do nového souboru. soubor gitIgnore.

    Snímek obrazovky s přidáním souboru do akce .gitignore

    Otevřete soubor .gitignore, odeberte název souboru z cesty a nechte složku lomítkem, například . VS Code/*.

    Snímek obrazovky s přidáním složky vscode do akce .gitignore

  6. Pokud chcete vytvořit a potvrdit nově vytvořený projekt myWebApp do úložiště Git z editoru Visual Studio Code, přejděte na ikonu Gitu z levého panelu. Kliknutím na ikonu zaškrtnutí přidejte komentář k potvrzení a potvrďte změny. Provede se fáze a potvrzení změn v jedné operaci:

    Snímek obrazovky s potvrzením pomocí VS Code

    Otevřete Program.cs, všimnete si, že Git Lens ozdobí třídy a funkce s historií potvrzení a tyto informace se zarovnají do každého řádku kódu:

    Snímek obrazovky s kódem Program.cs zobrazující dekoraci třídy

  7. Nyní spusťte příkaz cmd v kontextu úložiště Git a spusťte git branch --list. Ukazuje, že v tomto úložišti aktuálně existuje pouze main větev. Nyní spuštěním následujícího příkazu vytvořte novou větev s názvem feature-devops-home-page.

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

    Vytvořili jste novou větev s těmito příkazy a rezervovali jste ji. Klíčové --list slovo ukazuje seznam všech větví ve vašem úložišti. Zelená barva představuje větev, která je aktuálně rezervována.

  8. Teď přejděte do souboru ~\Views\Home\Index.cshtml a nahraďte obsah textem níže.

    @{
        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. Aktualizujte webovou aplikaci v prohlížeči, aby se změny zobrazily.

    Snímek obrazovky s úvodní stránkou místního hostitele

  10. V kontextu úložiště Git spusťte následující příkazy. Tyto příkazy připraví změny ve větvi a pak je potvrdí.

    git status
    git add .
    git commit -m "updated welcome page."
    git status
    
    
  11. Pokud chcete sloučit změny z domovské stránky feature-devops-home-page do hlavní stránky, spusťte v kontextu úložiště Git následující příkazy.

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

    Snímek obrazovky s oknem výstupu sloučení feature-devops-home-page

  12. Spuštěním následujícího příkazu odstraňte větev funkcí.

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

Jak to funguje

Nejjednodušším způsobem, jak porozumět výsledku dříve provedených kroků, je zkontrolovat historii operace. Pojďme se podívat, jak to udělat.

  1. Potvrzení změn v úložišti v Gitu je dvoustupňový proces. Spuštěno: add . Změny jsou připravené, ale nejsou potvrzeny. Nakonec spuštění potvrzení podporuje fázované změny v úložišti.

  2. Pokud chcete zobrazit historii změn v hlavní větvi, spusťte příkaz. git log -v

    Snímek obrazovky s historií změn v hlavní větvi

  3. Pokud chcete prozkoumat skutečné změny v potvrzení, můžete příkaz spustit. git log -p

    Snímek obrazovky příkazového řádku zobrazující výstup git log -p se změnami souboru

Existuje více

Git usnadňuje zálohování změn. Pokud chcete v našem příkladu vyřídit změny provedené na úvodní stránce.

Pomocí následujícího příkazu můžete pevně resetovat hlavní větev na předchozí verzi potvrzení.

git reset --hard 5d2441f0be4f1e4ca1f8f83b56dee31251367adc

Spuštěním výše uvedeného příkazu se větev resetuje na inicializační změnu projektu.

Pokud spustíte, git log -v, uvidíte, že změny provedené na úvodní stránce se z úložiště odeberou.