Používání systému Git v aplikaci Dreamweaver

Aplikace Dreamweaver podporuje open-source distribuovaný systém pro řízení verzí Git, s pomocí kterého můžete spravovat zdrojový kód. Díky integraci systému Git s aplikací Dreamweaver můžete pracovat nezávisle na svém kódu prakticky odkudkoli, přičemž provedené změny můžete později sloučit v centrálním úložišti Git. Systém Git také uchovává informace o všech změnách provedených v daném souboru, díky čemuž se můžete kdykoliv vrátit k předchozí verzi.

Úložiště Git jsou užitečná také při týmové práci vzhledem k tomu, že systém Git umožňuje snadné vytváření a spravování větví. Například pokud jako návrhář chcete pracovat na změně návrhu webu, zatímco jiný člen týmu provádí změny podle požadavků ve stejném webu, můžete díky systému Git pracovat oba současně. V takovém případě můžete vytvořit větvení nezávisle a provést své změny v příslušném místním úložišti. Místní úložiště obsahuje celou historii všech vámi provedených změn ve zdroji. Kdykoli budete chtít, můžete provedené změny pozastavit a sloučit v centrálním úložišti. Tím zajistíte, že centrální úložiště bude vždy obsahovat nejnovější kód po obou změnách.

Následující text obsahuje informace o tom, jak začít s používáním systému Git v aplikaci Dreamweaver.

Pokud jste novým uživatelem systému Git, musíte nejprve stáhnout klienta Git a vytvořit si účet Git. Klient Git je nezbytný v době, než začnete používat systém Git v aplikaci Dreamweaver.

Pokud již účtem Git disponujete, přihlaste se k němu. Nezapomeňte do svého počítače stáhnout klienta Git. 

Následující kroky vám pomohou začít se systémem Git v aplikaci Dreamweaver:

Panel Git

Doporučujeme nainstalovat klienta Git s výchozím nastavením konfigurace. Aplikace Dreamweaver poté automaticky vybere cestu ke spustitelnému souboru.

Nyní již můžete spustit aplikaci Dreamweaver a přiřadit svůj web k úložišti Git.

Aplikace Dreamweaver podporuje příkazy systému Git prostřednictvím panelu systému Git (Okna > Git). Z pozice uživatele aplikace Dreamweaver můžete pomocí tohoto panelu provádět běžné příkazy systému Git, jako jsou například příkazy Potvrdit, Odeslat, Vyžádat nebo Načíst.

Přiřazení webového místa k systému Git

Než bude možné začít používat systém Git v aplikaci Dreamweaver, je nutné nejprve přiřadit web aplikace Dreamweaver k úložišti Git. Úložiště Git je jako složka, kterou vytvoříte proto, aby vám pomáhala sledovat změny v souborech. V počítači můžete mít libovolný počet úložišť Git. Každé úložiště ve vašem systému je nezávislé. To znamená, že změny uložené v jednom úložišti Git nemají vliv na obsah v jiném.

Po přiřazení webové stránky k úložišti můžete buď vytvořit úložiště, nebo klonovat úložiště stávající. Po inicializaci nebo vytvoření úložiště se v aktuálním pracovním adresáři vytvoří prázdné úložiště Git a v jeho složce se vytvoří soubor .gitignore.

Pokud však klonujete stávající úložiště Git, všechny soubory z vašeho nadřazeného úložiště budou naklonovány do místního systému.

Přečtěte si, jak inicializovat úložiště Git nebo vytvořit kopii úložiště.

Inicializace úložiště Git

Než začnete pracovat v aplikaci Dreamweaver s úložištěm Git, je prvním krokem vytvoření úložiště. Po inicializaci úložiště Git pro váš web vytvořte úložiště Git, kde můžete přidat soubory spojené s webem aplikace Dreamweaver.

Klonování stávajícího úložiště

Pokud již pracujete s existujícím úložištěm Git hostovaným na serveru Github, Bitbucket nebo v jiné oblíbené službě pro hostování, můžete v aplikaci Dreamweaver následujícím postupem vytvořit kopii úložiště. Při klonování stávajícího úložiště vytváříte kopii cílového úložiště v místním systému.

Používání systému Git pro správu verzí

Po přiřazení webu Dreamweaver k úložišti Git můžete tyto soubory sledovat v systému Git skrze panel Soubory (zobrazení Git). Systém Git kategorizuje soubory ve vašem místním úložišti následovně:

• Nesledované soubory: soubory, které jste zatím k úložišti Git ani jednou nepřipojili. Po inicializaci úložiště Git budou soubory považované za nesledované, dokud je nepotvrdíte.
• Neupravené soubory: soubory, které nebyly upraveny.
• Upravené soubory: soubory, které byly upraveny.
• Připravené soubory: soubory, které byly upraveny a připraveny na potvrzení.

Pomocí systému Git můžete sledovat úpravy prováděné na souborech. Po úpravě souborů v místním systému se upravené soubory na panelu Soubory zobrazí jinou barvou. Po dvojitém kliknutí a otevření souboru v zobrazení kódu uvidíte také značku u řádků, které byly upraveny. Poté můžete pokračovat a potvrzením upravených souborů v systému Git synchronizovat změny.

Po potvrzení souborů vám úložiště Git umožní vytvořit zprávu protokolu ke každému potvrzenému souboru a prohlédnout si změny za použití funkce „diff“. Podle potřeby můžete také zobrazit historii verzí každého souboru, stejně jako celého úložiště.

Přečtěte si pokyny ke sledování úprav v aplikaci Dreamweaver a potvrzení změn v systému Git.

Sledování úprav v systému Git

Na panelu Soubory v aplikaci Dreamweaver se můžete povšimnout ikony Git, díky které lze přepínat mezi zobrazení FTP a zobrazením Git. Kliknutím na ikonu Git přejdete na zobrazení Git.

Pokud jste inicializovali úložiště Git a soubory zatím nepotvrdili, soubory budou i nadále nesledované. Pokud jste však soubory po inicializaci úložiště potvrdili, systém Git soubory rozezná.

V případě naklonování všech souborů z jiného úložiště je úložiště Git opět rozezná.

Pokud soubor upravíte a klikněte na tlačítko Uložit, upravené soubory se na panelu Soubory zobrazí jinou barvou. Poklikáním na upravený soubor otevřete konkrétní změny v zobrazení kódu.

Řádky, u kterých byly změny provedeny, jsou označeny symbolem. Zelená značka označuje nový přidaný kód. Žlutá značka označuje upravený kód a bílá značka v červeném označuje řádek kódu, který byl odstraněn.

Po kliknutí na žlutou značku se v aplikaci zobrazí změny v kódu. Odstraněný řádek kódu se zobrazí červeně, zatímco nově přidaný kód se zobrazí zeleně.

Všimněte si symbolu R v levém horním rohu odstraněného řádku kódu. Kliknutím na symbol R přidáte odstraněný kód zpět do souboru.

Před potvrzením změn v úložišti Git můžete pomocí značky zobrazit rozdíl a zkontrolovat provedené změny.

Zobrazení rozdílů u upravených souborů

Při otevření panelu systému Git uvidíte seznam upravených souborů. Kliknutím na soubor v seznamu můžete zobrazit změny provedené v souboru od předchozího potvrzení (funkce Diff). Rozdíly v souboru zobrazíte pomocí jedné z následujících funkcí panelu Git:

• Kliknutím na jednotlivé soubory uvidíte provedené změny na úrovni souborů. Červené zvýraznění označuje předchozí verzi, zatímco zelené zvýraznění označuje změnu, kterou jste právě provedli.
• Vyberte soubor, u kterého chcete zobrazit rozdíly. Klikněte na ikonu (ikona Diff). Otevře se dialogové okno Git Diff, ve kterém jsou změny zvýrazněny červeně a zeleně.

Potvrzení změn

Vrácení změn

Pokud jste již změny potvrdili a chcete se vrátit k předchozí verzi souboru, postupujte následovně:

Vytvoření tagů

Při každém potvrzení změn v systému Git můžete vytvořit tagy. Tyto tagy označují důležité potvrzení souborů. Například vrácení kvůli rozsáhlé změně vyžadované vaším klientem. Tagy slouží jako ukazatel na konkrétní potvrzení.

Zobrazení historie souboru

Při každém potvrzení soubor v úložišti Git můžete zobrazit historii souboru společně s podrobnostmi o potvrzení. Tato funkce vám pomáhá určit důležitá potvrzení a tagy přiřazené k potvrzení.

1. V panelu Git proveďte jeden z následujících úkonů:

• Vyberte požadovaný soubor a klikněte na ikonu (ikona Zobrazit historii souboru).
• Klikněte pravým tlačítkem na soubor v panelu Soubory a vyberte možnost Historie souboru.

Systém pro vybraný soubor zobrazí jeho historii v systému Git. Ve stejném dialogovém okně můžete také zobrazit podrobnosti o potvrzení tohoto souboru.

Zobrazení historie v úložišti

Společně s prohlížením historie souboru v systému Git můžete také zobrazit změny provedené na úrovni úložiště. Stejně tak můžete zobrazit všechny provedené změny na úrovni úložiště. Historii úložiště můžete zobrazit následovně:

Využívání systému Git ke spolupráci

Jednou z nejvíce odlišných funkcí systému Git jsou větve. Na rozdíl od většiny systémů správy verzí mohou být větve systému Git považovány za nezávislé řádky všech vašich přiřazených souborů nebo kódů. Ve výchozím nastavení má vaše úložiště jednu větev označenu jako „hlavní“. Hlavní větev je základní nebo definitivní větev. Z této hlavní větve můžete vytvářet další větve a dále je upravovat.

Když vytváříte kopii nadřazené větve, můžete také vytvořit větev z jiné větve. To umožňuje pracovat nezávisle v obou větvích stejného úložiště Git. Například je možné v jedné větvi pracovat na nové funkci pro web a provádět změny ve větvi jiné.

Úložiště Git umožňuje také sloučit větve v případě, že chcete začlenit změny z aktuální větve do cílové větve. Po sloučení dvou větví budou obě větve i nadále samostatně existovat. To znamená, že můžete pokračovat v práci u nadřazené i cílové větve.

Když větší počet vývojářů a návrhářů pracuje v aplikaci Dreamweaver na společném webovém místě, každý z nich si může vytvořit z hlavní větve svou vlastní větev a provádět v ní změny nezávisle na ostatních. V případě potřeby pak mohou snadno sloučit své změny s jinou větví a pak opět pracovat ve svých vlastních větvích.

Další informace o vytváření a správě větví v systému Git naleznete v následujících tématech:

Vytváření větví v systému Git

Sloučení větví

Práce se vzdálenými úložišti

Vzdálená úložiště v systému Git představují verze projektu, které jsou hostovány v jiné síti. Přístup ke vzdáleným úložištím získáte tak, že vytvoříte spojení s těmito úložišti. V závislosti na přístupových právech uvedených ve vzdáleném úložišti budete mít buď přístup jen pro čtení, nebo přístup s povolením zápisu.

Pokud pracujete v týmu, vzdálené úložiště vám pomůže odesílat a získávat data z jiných úložišť. Na panelu Git v aplikaci Dreamweaver můžete vytvořit vzdálené připojení nebo využívat nejrůznější příkazy systému Git, jako je např. Přenesení, Odesílání Git, Vyžádání Git nebo Vzdálené obnovení.

Přečtěte si následující postupy, které popisují vytváření a správu vzdálených úložišť.

Přidání vzdáleného úložiště

Podle potřeby můžete přidat vzdálené úložiště pro sdílení souborů, sledovat průběh práce nebo získat přístup k souborům z projektu uloženým v jiné síti. Přidáním vzdáleného úložiště navazujete vzdálené spojení s cílovým úložištěm. Aplikace Dreamweaver umožňuje vytvářet vzdálené úložiště na panelu Git.

Než přidáte vzdálené úložiště, ujistěte se, že toto jiné úložiště má povoleno nastavení veřejného přístup.

Správa vzdálených úložišť

Po přidání vzdáleného úložiště a navázání připojení můžete přenést a odesílat soubory ze vzdáleného úložiště do místního úložiště. Stejně tak můžete do vzdáleného úložiště odesílat své soubory. Před prvním použitím příkazu Odesílání Git je však nutné nejprve soubory ze vzdáleného úložiště přenést.

Nezapomeňte před odesláním souborů nejprve potvrdit všechny vaše soubory v místním úložišti. Pokud místní úložiště obsahuje připravené soubory, použití příkazu Odesílání Git proběhne neúspěšně. 

V aplikaci Dreamweaver můžete provádět následující operace Git:

Přenést vše

Kliknutím na tlačítko přenesete všechny soubory ze všech vzdálených připojení. Doporučujeme příkaz Přenést Git použít ještě před použitím příkazu Odesílání Git nebo Vyžádání Git. Tato akce pouze přenese soubory ze vzdáleného úložiště bez provedení změn v místním úložišti.

Vyžádání souborů ze vzdáleného úložiště

Vyžádání lze použít u jednoho úložiště nebo jejich skupiny. Po kliknutí na ikonu Vyžádání Git systém otevře dialogové okno Vyžádání Git s řadou možností.

Odeslání souborů do vzdáleného úložiště

Po propojení se vzdálenými úložišti se při každé úpravě a potvrzení upravených souborů tyto změny v systému Git uloží. Ikona (Odesílání Git) na panelu Git zobrazuje počet upravených souborů. Tyto soubory lze nyní odeslat na vzdálené úložiště.

Při použití příkazu Odesílání Git se potvrzené soubory v místním úložišti odešlou na vzdálené úložiště.

Postup odeslání souborů z aplikace Dreamweaver:

Hledání souborů na panelu Git

Pole hledání na panelu úložiště Git umožňuje vyhledat soubory podle jejich názvu. Tato možnost je zejména užitečná v případě, že máte velký počet souborů přiřazených k vašemu webu.

Pokud budete chtít vyhledat soubor, jednoduše zadejte jeho název po pole Hledat. Okamžitě se tak zobrazí soubory, které obsahují hledanou frázi.

Přidání souborů na seznam ignorovaných položek

Pokud nechcete, aby úložiště Git s některým souborem pracovalo, můžete tento soubor přidat do složky .gitignore. Systém Git bude poté soubory v této složce při provádění akcí, jako je potvrzení, odeslání a vyžádání, ignorovat. Nezapomeňte soubor .gitignore potvrdit ve vašem úložišti, aby i ostatní uživatelé, kteří by mohli vaše úložiště klonovat, věděli o souborech ve složce .gitignore.

Soubory do složky .gitignore přidáte na panelu Soubory v aplikaci Dreamweaver. Vyberte soubor, který chcete v systému Git ignorovat, klikněte na něj pravým tlačítkem a vyberte možnost Git > Přidat do .gitignore.

Soubory ze složky .gitignore můžete kdykoli odebrat výběrem tohoto souboru na panelu Soubory. Následně klikněte pravým tlačítkem a vyberte možnost Git > Odebrat z .gitignore.

Po úpravě tohoto souboru se ujistěte, že jste soubor .gitignore potvrdili v místním i vzdáleném úložišti.

Používání systému Git prostřednictvím příkazového řádku

V předchozích částech tohoto článku jste se naučili používat panel Git (UI) k provádění úkolů, jako je přiřazení úložiště Git k webu, vytvoření a správa vzdáleného připojení, odesílání souborů do úložiště nebo vyžádání souborů z něj. Za pomoci příkazů Git můžete také provádět tyto i jiné akce.

Při provádění úloh Git pomocí terminálu postupujte následovně:

• Klikněte na možnost Okno > Git a poté na ikonu Otevřít konzoli pro bash/terminál.
• Na panelu Soubory přejděte na zobrazení Git. Klikněte na ikonu Otevřít terminál Git vedle rozevíracího seznamu úložišť.

Nejběžnější příkazy Git naleznete v tématu Přehled příkazů Git. 

Při provádění určitých akcí, například při inicializaci úložiště Git z příkazového řádku se tyto akce projeví také v rozhraní aplikace Dreamweaver.

Soubory můžete také upravit i v případě, kdy aplikace Dreamweaver není spuštěna. V takovém případě se při dalším spuštění aplikace Dreamweaver zobrazí tato zpráva:

Nastavení předvoleb systému Git v aplikaci Dreamweaver

Díky předvolbám systému Git v aplikaci Dreamweaver můžete definovat některá nastavení pro používání systému Git v aplikaci Dreamweaver. Dialogové okno Předvolby slouží k nastavení předvoleb systému Git, jako je cesta k terminálu, nastavení časového limitu apod.