Lekce 15 - Git - Grafické uživatelské rozhraní Git GUI
V minulé lekci, Git - Vnitřní struktura - Dokončení, jsme zkoumali objekty typu blob
,
tree
, commit
a tag
. Také jsme si
vysvětlili, jak Git uchovává názvy souborů.
V dnešním Git tutoriálu si představíme grafické uživatelské rozhraní Git GUI. Ukážeme si, jak v něm vytvořit commit a spravovat větve.
V této lekci budeme pracovat s naším repositářem
mujgit
, který jsme si založili v lekci Git
- Vzdálený repositář - Vytvoření a nastavení repositáře.
Grafické uživatelské rozhraní Git GUI
Git GUI (Graphical User Interface) je grafické uživatelské rozhraní, které usnadňuje práci s repositářem Git pomocí grafického rozhraní. Toto grafické rozhraní umožňuje uživatelům provádět operace spojené s verzováním v Gitu s použitím grafických prvků a ovládacích prvků místo příkazového řádku.
Následující postup popisuje použití Git GUI, které je součástí instalace Gitu.
Otevření Git GUI
Git GUI lze otevřít kliknutím na ikonu lupy v dolní liště, zadáním příkazu a výběrem možnosti git gui.
Otevření repositáře
Po otevření Git GUI se nám zobrazí okno inicializace:
![Inicializační okno Git GUI - Git](images/80911/git/gui/git_gui_otevreni_repozitare.png)
Klikneme na Open Existing Repository a vybereme náš repositář
mujgit
:
![Cesta k repositáři mujgit - Git](images/80911/git/gui/git_open_repository.png)
Po kliknutí na Open se nám otevře repositář
mujgit
:
![Hlavní okénko Git GUI - Git](images/80911/git/gui/git_hlavni_panel.png)
Alternativně můžeme pravým tlačítkem myši kliknout na složku s repositářem a vybrat možnost Open Git GUI here. Rovněž se nám otevře Git GUI přímo v repositáři.
Commity
Nyní si ukážeme, jak použít Git GUI k přidání souborů do staging oblasti a k vytvoření commitu.
Přidání souboru do staging oblasti
Začneme tím, že si do repositáře mujgit
přidáme nový
soubor s názvem soubor.md
. V terminálu MinTTY
spustíme příkaz
echo "Text testovacího souboru" > soubor.md
:
MINGW64:/c/mujgit ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (main) $ echo "Text testovacího souboru" > soubor.md ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (main) $
Abychom nově vytvořený soubor v Git GUI viděli, stiskneme v Git GUI
tlačítko Rescan. Repositář se oskenuje a porovná se s interní
historií Gitu. Nový soubor soubor.md
se nám načte do okna
Unstaged Changes:
![Aktualizace repositáře - Git](images/80911/git/gui/commit/git_gui_rescan_repositare.png)
Nyní klikněme na soubor soubor.md
. V okně Untracked, not
staged se nám zobrazí jeho obsah. Teď soubor přidejme do staging
oblasti kliknutím na tlačítko Stage Changed:
![Zobrazení obsahu souboru a vložení souboru do staging oblasti - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_01.png)
Zobrazí se tato zpráva oznamující přidání souboru do staging oblasti:
![Varování o přídání do staging oblasti - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_02.png)
Dialog potvrdíme. Po potvrzení se soubor.md
přesune do
staging oblasti:
![Okénko se soubory ve staging oblasti - Git](images/80911/git/gui/commit/git_gui_soubor_ve_staging_oblasti.png)
Vytvoření commitu
Nyní jsme připraveni vytvořit commit. Do okna Commit Message
napíšeme zprávu Přidán nový soubor, soubor.md
a vytvoření
commitu potvrdíme tlačítkem Commit:
![Vytvoření zprávy commitu - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu04.png)
Zobrazí se toto varování, které potvrdíme tlačítkem Continue:
![Varování o koncích řádků - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_03.png)
Toto varování nám říká, že v daném souboru
soubor.md
byly nalezeny koncové znaky řádků LF – Line
Feed běžně používané v systémech UNIX. Tyto řádky budou
nahrazeny kombinací CRLF – Carriage Return Line Feed
typickou pro systémy Windows.
Potvrzení o vytvoření commitu spolu s jeho hashem nalezneme v dolní liště:
![Hash a zpráva commitu - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_05.png)
Správa větví
Nyní si ukážeme, jak pracovat v Git GUI s větvemi. Stejně jako v příkazové řádce i zde můžeme větve vytvářet, přejmenovávat, slučovat nebo mazat.
Vytvoření větve
Novou větev vytvoříme kliknutím na možnost Branch v horní nabídce:
![Tlačítko Branch - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_01.png)
Z nabídky správy větví vybereme Create…:
![Nabídka pro správu větví - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_create.png)
Otevře se toto okno vytvoření nové větve:
![Nabídka vytvoření větve - Git](images/80911/git/gui/vetve/git_gui_nabidka_vytvoreni_vetve_01.png)
Větev pojmenujeme feature
. Pro volbu Update Existing
Branch zaškrtneme No. Nakonec větev vytvoříme kliknutím na
Create:
![Vytvoření větve - Git](images/80911/git/gui/vetve/git_gui_nabidka_vytvoreni_vetve_02.png)
Vytvoří se nová větev s názvem feature
a Git GUI nás do
ní automaticky přepne. Pod horní nabídkou vidíme, že se opravdu
nacházíme ve větvi feature
:
![Název větve - Git](images/80911/git/gui/vetve/git_gui_nazev_vetve.png)
Přejmenování větve
Přejmenování větví si vyzkoušíme tak, že větev feature
přejmenujeme na testing
. Z horní nabídky klikneme na
Branch a vybereme Rename…:
![Nabídka pro přejmenování větve - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_rename.png)
Otevře se nám toto okno:
![Okénko přejmenování větve - Git](images/80911/git/gui/vetve/git_gui_rename_01.png)
V okně zvolíme místo větve man
naši větev
feature
. Do pole New Name napíšeme testing
a kliknutím na Rename větev přejmenujeme:
![Přejmenování větve - Git](images/80911/git/gui/vetve/git_gui_rename02.png)
Přepnutí větve
Po přejmenování větve nás Git GUI vrátí do větve main
.
Ukažme si, jak se přepnout do větve testing
. Zase z horní
nabídky vybereme Branch a poté Checkout…:
![Tlačítko pro přepnutí do větve - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_checkout.png)
V otevřeném okně vidíme nabídku větví. Vybereme
větev testing
a potvrdíme tlačítkem Checkout:
![Přepnutí na větev testing - Git](images/80911/git/gui/vetve/git_gui_checkout_01.png)
Pod horní nabídkou vidíme zprávu Current Branch: testing
potvrzující, že se nacházíme ve větvi testing
:
![Stav Git GUI po přepnutí na větev testing - Git](images/80911/git/gui/vetve/git_gui_checkout_02.png)
Sloučení větví
Sloučení větví se naučíme na sloučení větve testing
do
větve main
. Než tak učiníme, vytvořme commit podle výše
popsaného postupu, tedy takto:
- Do souboru
soubor.md
vložíme následující text:Text přidaný z větve testing
. - Vytvoříme commit, kterému dáme zprávu
Úprava souboru soubor.md na větvi testing
.
Alternativně bychom to mohli provést v terminálu MinTTY
touto
sadou příkazů:
MINGW64:/c/mujgit ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (main) $ git checkout testing ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (testing) $ echo "Text přidaný z větve testing" >> soubor.md ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (testing) $ git add . ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (testing) $ git commit -m "Úprava souboru soubor.md na větvi testing" ItNetwork@DESKTOP-ADEVTG4 MINGW64 /c/mujgit (testing) $
Nyní se již můžeme věnovat vlastnímu sloučení větve
feature
do větve main
. Nejprve se přepněme zpět do
větve main
:
![Přepnutí do větve main - Git](images/80911/git/gui/vetve/git_merge_01.png)
V horní nabídce vybereme Merge a Local Merge…:
![Otevření okna pro sloučení větví - Git](images/80911/git/gui/vetve/git_gui_nabidka_merge01.png)
V otevřeném okně vybereme větev testing
a klikneme na
Merge:
![Výběr a provedení sloučení větví - Git](images/80911/git/gui/vetve/git_merge_02.png)
Další, automaticky otevřené okno nás informuje o průběhu sloučení:
![Informační okénko o průbehu sloučení - Git](images/80911/git/gui/vetve/git_merge_03.png)
Po úspěšném dokončení sloučení větve feature
do větve
main
okno zavřeme kliknutím na Close.
Smazání větve
A nakonec si předvedeme mazání větví. Budeme mazat naši větev
testing
. V horní nabídce vybereme Branch a
Delete…:
![Volba pro smazání větve - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_delete.png)
Otevře se nám toto okno:
![Okénko výberu smazání větve - Git](images/80911/git/gui/vetve/git_gui_branch_delete_01.png)
V okně Local Branches vybereme větev testing
a v
okně Delete Only If Merged Into větev main
. Vše
potvrdíme stisknutím tlačítka Delete:
![Smazání větve - Git](images/80911/git/gui/vetve/git_gui_branch_delete_02.png)
Tímto jsme úspěšně provedli smazání větve testing
.
V příští lekci, Git - Grafické uživatelské rozhraní Git GUI - Dokončení, dokončíme představení grafického uživatelského rozhraní Git GUI. Ukážeme si, jak v něm zobrazit historii repositáře, vytvořit tag a jak nahrát náš repositář na vzdálený repositář uložený na GitHubu.