Kontrola verzie v kóde Visual Studio s Git [Sprievodca]

Integrovaná podpora Git je jednou z najväčších vlastností kódu Visual Studio, nového editora zdrojového kódu spoločnosti Microsoft. Git je a distribuovaný systém riadenia verzií, ktorý vám umožňuje sledovať prácu, pohybovať medzi jednotlivými verziami a pracovať na rôznych pobočkách naraz. Používa ho aj spoločnosť Github, populárna hostingová služba Git repository.

Kód Visual Studio Git podporuje štandardne, čo znamená, že nemusíte nainštalovať žiadne balíky ani rozšírenia, ktoré by ho mohli používať. Bočný panel obsahuje samostatný Git Zobrazenie môžete rýchlo otvoriť kliknutím na Git v lište zobrazenia (pozri časť kódu VS) alebo stlačením klávesu Ctrl + Shift + G.

Inštalácia nástroja Git

Ako kód Visual Studio používa inštaláciu Git vášho počítača, najprv musíte nainštalovať Git. Môžete ho rýchlo stiahnuť z oficiálnych webových stránok spoločnosti Git. Musíte nainštalovať najmenej verzia 2.0.0 aby funkcia Git VS kódu fungovala správne.

Napriek tomu vám umožňuje Visual Studio Code spravujte Git vizuálne, ak sa tiež chcete dozvedieť, ako používať Git z príkazového riadku, nájdete niekoľko užitočných zdrojov:

• Githubov interaktívny Git tutorial
• Atlassian's Git tutoriál - Atlassian je spoločnosť za platformou hosťovania zdrojového kódu Bitbucket (podobne ako Github)
• Atlasian Git Cheat Sheet (PDF) - to je najrýchlejší spôsob, ak ste už používali Git, ale nepamätáte si jeden alebo dva príkazy
• Celá príručka Pro Git

Inicializujte svoje úložisko

Ak vaša pracovná plocha zatiaľ nie je sledovaná spoločnosťou Git, najskôr ju potrebujete inicializovať nový úložisko. Ak to chcete urobiť, kliknite na tlačidlo Inicializovať úložisko v zobrazení Git.

Kód VS vytvorí a .git priečinka vo vašom pracovnom priestore (to nemôžete vidieť z kódu VS, pretože je to skrytý adresár, ale môžete ho nájsť v správcovi súborov v koreňovom priečinku vášho projektu) a bude to tiež pridajte nezobrazené súbory do bočného panela.

Zmeny etapy

Po nastavení úložiska Git je čas na vytvorte svoj pôvodný záväzok (záloha je zaznamenaný stav celého úložiska, do ktorého sa neskôr môžete vrátiť). Pred započítaním je potrebné pridať súbory, ktoré chcete sledovať, pomocou programu Git do oblasti operácií, alebo inými slovami, ktoré potrebujete uskutočniť zmeny. Kliknite na tlačidlo +, ktoré sa zobrazuje na ukazovateli umiestnením kurzora vedľa každého súboru.

Po kliknutí na súbory, ktoré chcete vytvoriť, sa kód Visual Studio presunie z priečinka zmeny priečinok do priečinka Postupné zmeny priečinok, čo znamená, že teraz sú v oddychovej oblasti. Ak chceš stavať všetky súbory naraz, je vedľa tlačidla + zmeny aj titulky (zobrazuje sa na kurzor myši) a kliknite na ňu.

Zmeniť zmeny

Postupné zmeny ešte nie sú zaznamenané, musíte tiež zaviazať ich, aby ste sa neskôr mohli pozrieť alebo vrátiť späť na stránku aktuálny stav vášho úložiska. Aby ste zaviedli postupné zmeny, musíte to urobiť pridajte správu odozvy ktorý opisuje zmeny, ktoré ste vykonali od predchádzajúceho poverenia.

Rovnako ako v našom príklade to bude počiatočné odhodlanie, použijeme zarážajúce “Počiatočný záväzok” správa. Zadajte svoju správu do vstupnej lišty v hornej časti bočného panela a kliknite na tlačidlo na ikone malého kliešťa. Teraz ste pripravení s prvým spáchaním, je zaznamenaný počiatočný stav vášho úložiska.

Váš pracovný adresár Git je čistý, všetky zmeny, ktoré ste doteraz vykonali, sú sledované a váš Git View hovorí, že existujú 0 zmien (vždy sa to porovná s vašou poslednou výzvou). Ak vykonáte nové zmeny v pracovnom priestore, nové zmeny sa znova zobrazia v postrannej lište a budete musieť znovu ich zaviazať akonáhle dosiahnu sumu, ktorá stojí za to spáchať.

Na snímke nižšie uvidíte, ako musí váš editor kódov vyzerať hneď po odovzdaní.

Sledujte zmeny

Keď budete pokračovať v práci, ak si nie ste istí, ako sa porovná aktuálna verzia s vašou poslednou výzvou, môžete rýchlo skontrolovať rozdiely. V zobrazení Git potrebujete iba to dvakrát kliknite na súbor, ktorý chcete analyzovať, a kód VS zobrazí aktuálnu a predchádzajúcu verziu vedľa seba, takže môžete rýchlo ich porovnávať.

Keď hovoríte o nasledujúcich zmenách, je tiež dôležité vedieť o kóde Visual Studio indikátory žľabov ktoré komentujú zmeny v porovnaní s vašim predchádzajúcim záväzkom, aj keď nie je otvorený pohľad vedľa seba. VS Code používa 3 druhy indikátorov žľabov:

1. červený trojuholník pre každé vymazanie riadku
2. zelená tyč pre každý pridaný riadok
3. modrá lišta pre každú úpravu linky

Vytvoriť pobočky

Git vám umožňuje pracovať na rôznych odvetviach v rovnakom čase. Nie je to len dobré pre experimentovanie s novými riešeniami, ale môže tiež výrazne uľahčiť tímovú prácu, v ktorej môžu vývojári pracovať v rôznych odvetviach (to však nie je povinné, pretože môžu zostať na rovnakej pobočke).

V kóde Visual Studio môžete vytvoriť nové pobočky otvorením palety Rýchle otvorenie stlačením klávesov Ctrl + P (Cmd + P na Mac) a zadaním git pobočky do vstupného panela. Takisto musíte pridať názov svojej novej pobočky na koniec príkazu.

Ako názov novej pobočky v našom príklade bude Test-branch, Použijem git vetvy test-pobočka príkaz, ale môžete použiť akýkoľvek iný názov. Na ľavej strane stavového riadka (modrý pruh v spodnej časti obrazovky) môžete vždy rýchlo skontrolovať, na ktorú pobočku práve pracujete. Na obrazovke nižšie vidíte, že som v súčasnosti na majster vetva.

Pokladničné pobočky

na prepínať medzi pobočkami, typ git checkout do palety Quick Open (Ctrl + P / Cmd + P) a môžete si vybrať z dostupných pobočiek. Na snímke obrazovky nižšie môžete vidieť zo stavového panela, ktorý momentálne nachádzam na pobočke, ktorá sa volá test (Vytvoril som to po Test-branch) a ak sa chcem presunúť do inej vetvy, teraz môžem vybrať z majster a Test-branch vetvy.

Použite príkazy Git z palety príkazov

Prístup k príkazom Git môžete získať aj z príkazovej palety (F1 v systéme Windows a Linux, Shift + Cmd + P na Mac). Nemusíte robiť nič iné, len zadajte príkaz Git v palete príkazov a dostanete rozbalovací zoznam dostupných príkazov, z ktorých si môžete rýchlo vybrať.

Pokročilé operácie Git

Zatiaľ sme sa pozreli na to, ako používať základné operácie Git v kóde Visual Studio na sledovanie našej práce. VS Studio Code má pokročilé funkcie Git, ako je napríklad správa vzdialených repozitárov, zlúčenie konfliktov a dokonca môžete nakonfigurovať kód VS ako externý editor Git.

Visual Studio Code Marketplace obsahuje aj rozšírenia súvisiace s Git, ktoré vám umožnia ešte viac profesionálny pracovný postup Git.

Som sám zistil, že rozšírenie Git História je veľmi užitočné, pretože umožňuje rýchlo sa pozrieť na podrobnosti každého odhodlania a porovnať akékoľvek dva predchádzajúce záväzky vedľa seba. Môžete si tiež prečítať rozšírenie História git v predchádzajúcom článku o rozšíreniach kódov VS pre vývojárov front-end.