Cvičení – nastavení prostředí Azure DevOps

Dokončeno

V této lekci se ujistěte, že je vaše organizace Microsoft Azure DevOps nastavená tak, aby dokončila zbytek tohoto modulu.

Uděláte to takto:

  • Nastavte pro tento modul projekt Azure DevOps.
  • Ujistěte se, že je projekt nastavený místně, abyste mohli odesílat změny do kanálu.

Získání projektu Azure DevOps

Tady se ujistěte, že je vaše organizace Azure DevOps nastavená tak, aby dokončila zbytek tohoto modulu spuštěním šablony, která pro vás vytvoří projekt v Azure DevOps.

Moduly v tomto studijním programu tvoří postup, ve kterém sledujete cestu týmu webu Tailspin při používání DevOps. Pro účely výuky má každý modul přidružený projekt Azure DevOps.

Spustit šablonu

Spuštění šablony, která nastaví ve vaší organizaci Azure DevOps vše za vás

Šablonu spustíte následujícím postupem na webu Azure DevOps Demo Generator:

  1. Vyberte Přihlásit se a přijměte podmínky použití.

  2. Na stránce Vytvořit nový projekt vyberte svoji organizaci Azure DevOps a zadejte název projektu, například Space Game – web – Agent.

  3. Vyberte úložiště Fork na GitHubu a pak vyberte Autorizovat. Pokud se zobrazí okno, autorizujte přístup k vašemu účtu GitHub.

    Důležité

    Tuto možnost je potřeba vybrat, aby se šablona připojila k vašemu úložišti GitHub. Vyberte ho i v případě, že jste už rozvětvovali projekt webu Space Game . Šablona použije existující fork.

  4. Vyberte Vytvořit projekt.

    A screenshot of the Azure DevOps Demo Generator Create New Project screen with the Create Project button highlighted.

    Spuštění šablony chvíli trvá.

  5. Výběrem možnosti Přejít na projekt přejdete do projektu v Azure DevOps.

Důležité

Stránka o vyčištění prostředí Azure DevOps v tomto modulu obsahuje důležité kroky pro vyčištění. Vyčištěním pomůžete zajistit, abyste nevyčerpali bezplatné minuty sestavení. Postup pro vyčištění proveďte i v případě, že tento modul nedokončíte.

Místní nastavení projektu

Tady načtete projekt Space Game v editoru Visual Studio Code, nakonfigurujete Git, místně naklonujete úložiště a nastavíte upstreamový vzdálený, abyste si mohli stáhnout počáteční kód.

Poznámka:

Pokud už máte nastavený místní projekt mslearn-tailspin-spacegame-web , můžete přejít k další části.

Otevření integrovaného terminálu

Visual Studio Code je součástí integrovaného terminálu, takže můžete upravovat soubory a pracovat z příkazového řádku na jednom místě.

  1. Spusťte Visual Studio Code.

  2. V nabídce Zobrazení vyberte Terminál.

  3. V rozevíracím seznamu vyberte Bash. Pokud znáte jiné prostředí unixu, které raději používáte, například Zsh, vyberte místo toho toto prostředí.

    A screenshot of Visual Studio Code showing the location of the Bash shell.

    Okno terminálu umožňuje zvolit libovolné prostředí nainstalované ve vašem systému, jako je Bash, Zsh a PowerShell.

    Tady použijete Bash. Git pro Windows obsahuje Git Bash, které umožňuje snadno spouštět příkazy Gitu.

    Poznámka:

    Pokud ve Windows nevidíte Git Bash uvedený jako možnost, ujistěte se, že jste nainstalovali Git, a restartujte Visual Studio Code.

  4. Spuštěním cd příkazu přejděte do adresáře, ze kterého chcete pracovat, například do svého domovského adresáře (~). Pokud chcete, můžete zvolit jiný adresář.

    cd ~
    

Konfigurace Gitu

Pokud s Gitem a GitHubem teprve začínáte, musíte nejdřív spustit několik příkazů, abyste přidružili svoji identitu k Gitu a ověřili se pomocí GitHubu.

V části Nastavení Gitu se tento proces popisuje podrobněji.

Minimálně budete muset provést následující kroky. Z integrovaného terminálu spusťte tyto příkazy:

  1. Nastavte své uživatelské jméno.
  2. Nastavte e-mailovou adresu potvrzení.
  3. Heslo GitHubu si můžete uložit do mezipaměti.

Poznámka:

Pokud už s GitHubem používáte dvojúrovňové ověřování, vytvořte osobní přístupový token a použijte svůj token místo hesla, až se zobrazí výzva později.

Zacházejte s přístupovým tokenem jako s heslem. Udržujte ho na bezpečném místě.

Nastavení projektu v editoru Visual Studio Code

V této části naklonujete fork místně, abyste mohli provádět změny a vytvářet konfiguraci kanálu.

Místní klonování forku

Nyní máte kopii webového projektu Space Game na účtu GitHub. Teď si stáhnete nebo naklonujete kopii do počítače, abyste s ní mohli pracovat.

Klon, stejně jako fork, je kopií úložiště. Po naklonování úložiště můžete provést změny, ověřit, že fungují podle očekávání, a pak tyto změny nahrát zpět na GitHub. Místní kopii můžete také synchronizovat se změnami, které v kopii vašeho úložiště na GitHubu provedli jiní ověření uživatelé.

Webový projekt Space Game naklonujete do svého počítače takto:

  1. Přejděte na svůj fork webového projektu Space Game (mslearn-tailspin-spacegame-web) na GitHubu.

  2. Vyberte Kód. Potom na kartě HTTPS vyberte tlačítko vedle adresy URL, která se zobrazí, a zkopírujte adresu URL do schránky.

    Locating the URL and copy button from the GitHub repository.

  3. V editoru Visual Studio Code přejděte do okna terminálu.

  4. V terminálu přejděte do adresáře, ze kterého chcete pracovat, třeba z domovského adresáře (~). Pokud chcete, můžete zvolit jiný adresář.

    cd ~
    
  5. Spusťte příkaz git clone. Nahraďte adresu URL zobrazenou tady obsahem schránky:

    git clone https://github.com/your-name/mslearn-tailspin-spacegame-web.git
    
  6. Přejděte do adresáře mslearn-tailspin-spacegame-web. Toto je kořenový adresář vašeho úložiště.

    cd mslearn-tailspin-spacegame-web
    

Nastavení upstreamového vzdáleného úložiště

Vzdálené je úložiště Git, ve kterém členové týmu spolupracují (například úložiště na GitHubu). Tady zobrazíte seznam vzdálených zařízení a přidáte vzdálený odkaz, který odkazuje na kopii úložiště Microsoftu, abyste mohli získat nejnovější ukázkový kód.

  1. Spuštěním tohoto git remote příkazu zobrazte seznam vzdálených zařízení:

    git remote -v
    

    Uvidíte, že máte k úložišti přístup k načtení (stažení) i nahrání (nahrání):

    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (fetch)
    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (push)
    

    Origin určuje vaše úložiště na GitHubu. Pokud vytvoříte fork kódu z jiného úložiště, je běžné, že se původní vzdálené úložiště (ze kterého jste vytvořili fork) nazývá upstream.

  2. Spuštěním tohoto git remote add příkazu vytvořte vzdálený pojmenovaný upstream , který odkazuje na úložiště Microsoftu:

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git
    
  3. Spusťte git remote podruhé, abyste viděli změny:

    git remote -v
    

    Uvidíte, že máte ve svém úložišti stále přístup k načítání (stahování) a sdílení změn (nahrávání). Teď máte také přístup k úložišti Microsoftu, který načítáte a nasdílíte je:

    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (fetch)
    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (push)
    upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git (fetch)
    upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git (push)
    

Otevření projektu v Průzkumníkovi souborů

V nástroji Visual Studio Code směřuje okno terminálu do kořenového adresáře webového projektu Space Game. Pokud chcete zobrazit jeho strukturu a pracovat se soubory, otevřete projekt v Průzkumníkovi souborů.

  1. Nejjednodušším způsobem, jak otevřít projekt, je znovu otevřít Visual Studio Code v aktuálním adresáři. Provedete to spuštěním následujícího příkazu z integrovaného terminálu:

    code -r .
    

    V průzkumníkovi souborů se zobrazí stromová struktura adresářů a souborů.

  2. Znovu otevřete integrovaný terminál. Terminál vás umístí do kořenového adresáře webového projektu.

Pokud se code příkaz nezdaří, musíte do systémové CESTY přidat Visual Studio Code. Postup:

  1. V editoru Visual Studio Code vyberte F1 nebo vyberte Zobrazit>paletu příkazů pro přístup k paletě příkazů.
  2. Na paletě příkazů zadejte příkaz shellu: Nainstalujte v cestě PATH příkaz code.
  3. Opakujte předchozí postup a otevřete projekt v Průzkumníku souborů.

Teď jste nastavili, abyste mohli pracovat se zdrojovým kódem Space Game a konfigurací Služby Azure Pipelines z místního vývojového prostředí.