15. diel - Git - Grafické užívateľské rozhranie Git GUI

V minulej lekcii, Git - Vnútorná štruktúra - Dokončenie, sme skúmali objekty typu blob, tree, commit a tag. Tiež sme si vysvetlili, ako Git uchováva názvy súborov.

V dnešnom Git tutoriále si predstavíme grafické užívateľské rozhranie Git GUI. Ukážeme si, ako v ňom vytvoriť commit a spravovať vetvy.

V tejto lekcii budeme pracovať s naším repositárom mygit, ktorý sme si založili v lekcii Git - Vzdialený repositár - Vytvorenie a nastavenie repositára.

Grafické používateľské rozhranie Git GUI

Git GUI (Graphical User Interface) je grafické užívateľské rozhranie, ktoré uľahčuje prácu s repositárom Git pomocou grafického rozhrania. Toto grafické rozhranie umožňuje používateľom vykonávať operácie spojené s verzovaním v Gite s použitím grafických prvkov a ovládacích prvkov namiesto príkazového riadka.

Nasledujúci postup popisuje použitie Git GUI, ktoré je súčasťou inštalácie Gitu.

Otvorenie Git GUI

Git GUI je možné otvoriť kliknutím na ikonu lupy v dolnej lište, zadaním príkazu a výberom možnosti Git GUI.

Otvorenie repositára

Po otvorení Git GUI sa nám zobrazí okno inicializácie:

Klikneme na Open Existing Repository a vyberieme náš repositár mygit:

Po kliknutí na Open sa nám otvorí repositár mygit:

Alternatívne môžeme pravým tlačidlom myši kliknúť na zložku s repositárom a vybrať možnosť Open Git GUI here. Rovnako sa nám otvorí Git GUI priamo v repositári.

Commity

Teraz si ukážeme, ako použiť Git GUI na pridanie súborov do staging oblasti a na vytvorenie commitu.

Pridanie súboru do staging oblasti

Začneme tým, že si do repositára mygit pridáme nový súbor s názvom file.md. V termináli MinTTY spustíme príkaz echo "Test file text" > file.md:

MINGW64:/c/mygit
IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (main)
$ echo "Test file text" > file.md

IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (main)
$

Aby sme novo vytvorený súbor v Git GUI videli, stlačíme v Git GUI tlačidlo Rescan. Repositár sa oskenuje a porovná sa s internou históriou Gitu. Nový súbor file.md sa nám načíta do okna Unstaged Changes:

Teraz klikneme na súbor file.md. V okne Untracked, not staged sa nám zobrazí jeho obsah. Teraz súbor pridajme do staging oblasti kliknutím na tlačidlo Stage Changed:

Zobrazí sa táto správa oznamujúca pridanie súboru do staging oblasti:

Dialóg potvrdíme. Po potvrdení sa file.md presunie do staging oblasti:

Vytvorenie commitu

Teraz sme pripravení vytvoriť commit. Do okna Commit Message napíšeme správu Added new file, file.md a vytvorenie commitu potvrdíme tlačidlom Commit:

Zobrazí sa toto varovanie, ktoré potvrdíme tlačidlom Continue:

Toto varovanie nám hovorí, že v danom súbore file.md boli nájdené koncové znaky riadkov LF – Line Feed bežne používané v systémoch UNIX. Tieto riadky budú nahradené kombináciou CRLF – Carriage Return Line Feed typickou pre systémy Windows.

Potvrdenie o vytvorení commitu spolu s jeho hashom nájdeme v dolnej lište:

Správa vetiev

Teraz si ukážeme, ako pracovať v Git GUI s vetvami. Rovnako ako v príkazovom riadku aj tu môžeme vetvy vytvárať, premenovávať, zlučovať alebo mazať.

Vytvorenie vetvy

Novú vetvu vytvoríme kliknutím na možnosť Branch v hornej ponuke:

Z ponuky správy vetiev vyberieme Create…:

Otvorí sa toto okno vytvorenia novej vetvy:

Vetva pomenujeme feature. Pre voľbu Update Existing Branch zaškrtneme No. Nakoniec vetvu vytvoríme kliknutím na Create:

Vytvorí sa nová vetva s názvom feature a Git GUI nás do nej automaticky prepne. Pod hornou ponukou vidíme, že sa naozaj nachádzame vo vetve feature:

Premenovanie vetvy

Premenovanie vetiev si vyskúšame tak, že vetvu feature premenujeme na testing. Z hornej ponuky klikneme na Branch a vyberieme Rename…:

Otvorí sa nám toto okno:

V okne zvolíme miesto vetvy main našu vetvu feature. Do poľa New Name napíšeme testing a kliknutím na Rename vetvu premenujeme:

Prepnutie vetvy

Po premenovaní vetvy nás Git GUI vráti do vetvy main. Ukážme si, ako sa prepnúť do vetvy testing. Zase z hornej ponuky vyberieme Branch a potom Checkout…:

V otvorenom okne vidíme ponuku vetiev. Vyberieme vetvu testing a potvrdíme tlačidlom Checkout:

Pod hornou ponukou vidíme správu Current Branch: testing potvrdzujúci, že sa nachádzame vo vetve testing:

Zlúčenie vetiev

Zlúčenie vetví sa naučíme na zlúčenie vetvy testing do vetvy main. Než tak urobíme, vytvorme commit podľa vyššie popísaného postupu, teda takto:

1. Do súboru file.md vložíme nasledujúci text: Text added from the testing branch.
2. Vytvoríme commit, ktorému dáme správu Editing file.md file on the testing branch.

Alternatívne by sme to mohli urobiť v termináli MinTTY touto sadou príkazov:

MINGW64:/c/mygit
IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (main)
$ git checkout testing

IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (testing)
$ echo "Text added from the testing branch" >> file.md
IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (testing)
$ git add .
IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (testing)
$ git commit -m "Editing file.md file on the testing branch"

IctDemy@DESKTOP-ADEVTG4 MINGW64 /c/mygit (testing)
$

Teraz sa už môžeme venovať vlastnému zlúčeniu vetvy feature do vetvy main. Najprv sa prepnime späť do vetvy main:

V hornej ponuke vyberieme Merge a Local Merge…:

V otvorenom okne vyberieme vetvu testing a klikneme na Merge:

Ďalšie, automaticky otvorené okno nás informuje o priebehu zlúčenia:

Po úspešnom dokončení zlúčenia vetvy feature do vetvy main okno zatvoríme kliknutím na Close.

Zmazanie vetvy

A nakoniec si predvedieme mazanie vetiev. Budeme mazať našu vetvu testing. V hornej ponuke vyberieme Branch a Delete…:

Otvorí sa nám toto okno:

V okne Local Branches vyberieme vetvu testing a v okne Delete Only If Merged Into vetvu main. Všetko potvrdíme stlačením tlačidla Delete:

Týmto sme úspešne vykonali zmazanie vetvy testing.

V budúcej lekcii, Git - Grafické používateľské rozhranie Git GUI - Dokončenie, dokončíme predstavenie grafického používateľského rozhrania Git GUI. Ukážeme si, ako v ňom zobraziť históriu repositára, vytvoriť tag a ako nahrať náš repositár na vzdialený repositár uložený na GitHube.