15. diel - Git - Grafické užívateľské rozhranie Git GUI Nové
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:
![Inicializačné okno Git GUI - Git](images/80911/git/gui/git_gui_otevreni_repozitare_en_.png)
Klikneme na Open Existing Repository a vyberieme náš repositár
mygit
:
![Cesta k repositáru mygit - Git](images/80911/git/gui/git_open_repository_en_.png)
Po kliknutí na Open sa nám otvorí repositár
mygit
:
![Hlavné okienko Git GUI - Git](images/80911/git/gui/git_hlavni_panel_en__.png)
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:
![Aktualizácia repositára - Git](images/80911/git/gui/commit/git_gui_rescan_repositare_en__.png)
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:
![Zobrazenie obsahu súboru a vloženie súboru do staging oblasti - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_01_en_.png)
Zobrazí sa táto správa oznamujúca pridanie súboru do staging oblasti:
![Varovanie o pridaní do staging oblasti - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_02_en.png)
Dialóg potvrdíme. Po potvrdení sa file.md
presunie do staging
oblasti:
![Okienko so súbormi v staging oblasti - Git](images/80911/git/gui/commit/git_gui_soubor_ve_staging_oblasti_en__.png)
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:
![Vytvorenie správy commitu - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu04_en_.png)
Zobrazí sa toto varovanie, ktoré potvrdíme tlačidlom Continue:
![Varovanie o koncoch riadkov - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_03_en_.png)
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:
![Hash a správa commitu - Git](images/80911/git/gui/commit/git_gui_vytvoreni_commitu_05_en_.png)
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:
![Tlačidlo Branch - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_01_en.png)
Z ponuky správy vetiev vyberieme Create…:
![Ponuka pre správu vetiev - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_create_en.png)
Otvorí sa toto okno vytvorenia novej vetvy:
![Ponuka vytvorenia vetvy - Git](images/80911/git/gui/vetve/git_gui_nabidka_vytvoreni_vetve_01_en_.png)
Vetva pomenujeme feature
. Pre voľbu Update Existing
Branch zaškrtneme No. Nakoniec vetvu vytvoríme kliknutím na
Create:
![Vytvorenie vetvy - Git](images/80911/git/gui/vetve/git_gui_nabidka_vytvoreni_vetve_02_en_.png)
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
:
![Názov vetvy - Git](images/80911/git/gui/vetve/git_gui_nazev_vetve_en__.png)
Premenovanie vetvy
Premenovanie vetiev si vyskúšame tak, že vetvu feature
premenujeme na testing
. Z hornej ponuky klikneme na Branch
a vyberieme Rename…:
![Ponuka na premenovanie vetvy - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_rename_en.png)
Otvorí sa nám toto okno:
![Okienko premenovania vetvy - Git](images/80911/git/gui/vetve/git_gui_rename_01_en_.png)
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:
![Premenovanie vetvy - Git](images/80911/git/gui/vetve/git_gui_rename02_en____.png)
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…:
![Tlačidlo pre prepnutie do vetvy - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_checkout_en.png)
V otvorenom okne vidíme ponuku vetiev. Vyberieme vetvu
testing
a potvrdíme tlačidlom Checkout:
![Prepnutie na vetvu testing - Git](images/80911/git/gui/vetve/git_gui_checkout_01_en_.png)
Pod hornou ponukou vidíme správu Current Branch: testing
potvrdzujúci, že sa nachádzame vo vetve testing
:
![Stav Git GUI po prepnutí na vetvu testing - Git](images/80911/git/gui/vetve/git_gui_checkout_02_en.png)
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:
- Do súboru
file.md
vložíme nasledujúci text:Text added from the testing branch
. - 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
:
![Prepnutie do vetvy main - Git](images/80911/git/gui/vetve/git_merge_01_en.png)
V hornej ponuke vyberieme Merge a Local Merge…:
![Otvorenie okna pre zlúčenie vetiev - Git](images/80911/git/gui/vetve/git_gui_nabidka_merge01_en.png)
V otvorenom okne vyberieme vetvu testing
a klikneme na
Merge:
![Výber a vykonanie zlúčenia vetiev - Git](images/80911/git/gui/vetve/git_merge_02_en.png)
Ďalšie, automaticky otvorené okno nás informuje o priebehu zlúčenia:
![Informačné okienko o priebehu zlúčenia - Git](images/80911/git/gui/vetve/git_merge_03_en_.png)
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…:
![Voľba na zmazanie vetvy - Git](images/80911/git/gui/vetve/git_gui_nabidka_branch_02_delete_en.png)
Otvorí sa nám toto okno:
![Okienko výberu zmazania vetvy - Git](images/80911/git/gui/vetve/git_gui_branch_delete_01_en.png)
V okne Local Branches vyberieme vetvu testing
av okne
Delete Only If Merged Into vetvu main
. Všetko potvrdíme
stlačením tlačidla Delete:
![Zmazanie vetvy - Git](images/80911/git/gui/vetve/git_gui_branch_delete_02_en__.png)
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.