Git gebruiken in Dreamweaver

Dreamweaver CC ondersteunt Git, een gedistribueerd open-source versiebeheersysteem om broncode te beheren. Door de integratie van Git in Dreamweaver kunt u overal onafhankelijk aan uw code werken en uw wijzigingen later samenvoegen in een centrale Git-opslagplaats. Git houdt alle wijzigingen in een bestand bij en u kunt ook altijd terugkeren naar een vorige versie.

Git-opslagplaatsen zijn ook erg handig wanneer u als team werkt, omdat u met Git de mogelijkheid hebt om eenvoudig vertakkingen te maken en te onderhouden. Als u bijvoorbeeld een ontwerper bent en wilt werken aan een wijziging in het ontwerp van uw site, terwijl een ander teamlid wijzigingsaanvragen voor dezelfde site verwerkt, kunt u beiden onafhankelijk werken met behulp van Git. In dit geval kunt u beide onafhankelijk van elkaar een vertakking maken en uw wijzigingen aanbrengen in uw eigen lokale opslagplaats. De lokale opslagplaats bevat de volledige geschiedenis van alle wijzigingen die u in de bron aanbrengt. U kunt op elk gewenst moment pauzeren en uw wijzigingen samenvoegen met de centrale opslagplaats. Samenvoegen zorgt ervoor dat de centrale opslagplaats altijd de nieuwste code met wijzigingen van beide gebruikers bevat.

Lees verder voor meer informatie over hoe u Git kunt gaan gebruiken in Dreamweaver.

Als u een nieuwe Git-gebruiker bent, moet u eerst een Git-client downloaden en een Git-account maken. Een Git-client is essentieel voordat u Git vanuit Dreamweaver gebruikt.

Als u al een Git-account hebt, meldt u zich aan bij uw account. Zorg ervoor dat u de Git-client op uw systeem hebt gedownload. 

Voer de volgende stappen uit om aan de slag te gaan met Git in Dreamweaver:

Het wordt aanbevolen de Git-client te installeren met de standaardconfiguratie-instellingen. Dreamweaver kiest vervolgens automatisch het pad naar het uitvoerbare bestand.

U kunt Dreamweaver nu starten en uw site koppelen aan een Git-opslagplaats.

Dreamweaver ondersteunt Git-bewerkingen via het deelvenster Git (Venster > Git). Als Dreamweaver-gebruiker kunt u dit deelvenster gebruiken om veelvoorkomende Git-bewerkingen uit te voeren, zoals doorvoeren (commit), push, pull, ophalen (fetch) enzovoort.

Als u Git wilt gaan gebruiken in Dreamweaver, moet u eerst uw Dreamweaver-site koppelen aan een Git-opslagplaats. Een Git-opslagplaats is vergelijkbaar met een map die u maakt om u te helpen wijzigingen in bestanden bij te houden. U kunt elk gewenst aantal Git-opslagplaatsen op uw computer hebben staan. Elke opslagplaats op uw systeem is onafhankelijk van de rest. Dat betekent dat wijzigingen die zijn opgeslagen in de ene Git-opslagplaats, niet van invloed zijn op de inhoud van een andere opslagplaats.

U kunt uw website koppelen aan een opslagplaats door een nieuwe opslagplaats te maken of door een bestaande opslagplaats te klonen. Wanneer u een nieuwe opslagplaats initialiseert of maakt, wordt er een lege Git-opslagplaats gemaakt in de huidige werkmap, met in die map een .gitignore-bestand.

Wanneer u echter een bestaande Git-opslagplaats kloont, worden alle bestanden in de bovenliggende opslagplaats gekloond naar uw lokale systeem.

Lees verder als u wilt weten hoe u een Git-opslagplaats initialiseert of een opslagplaats kloont.

Wanneer u begint te werken met Git in Dreamweaver, kunt u het beste eerst een nieuwe opslagplaats maken. Wanneer u een Git-opslagplaats voor uw site initialiseert, maakt u een nieuwe Git-opslagplaats waaraan u de bestanden kunt toevoegen die zijn gekoppeld aan uw Dreamweaver-site.

Als u al werkt met een bestaande Git-opslagplaats die wordt gehost op Github, Bitbucket of een andere populaire hostingservice, kunt u de volgende procedure uitvoeren om de opslagplaats te klonen vanuit Dreamweaver. Wanneer u een bestaande opslagplaats kloont, maakt u een kopie van de doelopslagplaats op uw lokale systeem.

Nu u uw Dreamweaver-site hebt gekoppeld aan een Git-opslagplaats, kunt u de bestanden in Git weergeven in het deelvenster Bestanden (Git-weergave). Git categoriseert de bestanden in uw lokale opslagplaats als:

• Niet-gevolgde bestanden: bestanden die u niet hebt doorgevoerd in de Git-opslagplaats. Nadat u een Git-opslagplaats hebt geïnitialiseerd, worden de bestanden pas gevolgd nadat u ze hebt doorgevoerd.
• Ongewijzigde bestanden: bestanden die niet zijn gewijzigd.
• Gewijzigde bestanden: bestanden die zijn bewerkt.
• Voorbereide bestanden: bestanden die zijn gewijzigd en die klaar staan om te worden doorgevoerd.

Met Git kunt u wijzigingen in bestanden bijhouden. Wanneer u de bestanden in uw lokale systeem wijzigt, worden de gewijzigde bestanden in een andere kleur weergegeven in het deelvenster Bestanden. Wanneer u dubbelklikt op het bestand en het bestand opent in de codeweergave, ziet u een markering in de marge voor de regels die zijn gewijzigd. U kunt doorgaan en de gewijzigde bestanden in Git doorvoeren om de wijzigingen te synchroniseren.

Wanneer u bestanden doorvoert, biedt Git u de mogelijkheid logberichten in te voeren voor elke doorvoerbewerking en de wijzigingen te controleren met behulp van de diff-functie. U kunt ook de versiegeschiedenis voor elk bestand en voor de hele opslagplaats bekijken.

Lees verder voor meer informatie over het bijhouden van bewerkingen in Dreamweaver en het doorvoeren van uw wijzigingen in Git.

In het deelvenster Bestanden in Dreamweaver ziet u het Git-pictogram waarmee u kunt schakelen tussen de FTP-weergave en de Git-weergave. Klik op het Git-pictogram om de Git-weergave in of uit te schakelen.

Als u een Git-opslagplaats hebt geïnitialiseerd en uw bestanden niet hebt doorgevoerd, blijven de bestanden niet-gevolgd. Als u uw bestanden echter hebt doorgevoerd nadat u de opslagplaats hebt geïnitialiseerd, worden de bestanden door Git herkend.

Als u al uw bestanden uit een andere opslagplaats hebt gekloond, worden de bestanden opnieuw door Git herkend.

Wanneer u een bestand wijzigt en op Opslaan klikt, wordt het gewijzigde bestand in een andere kleur weergegeven in het deelvenster Bestanden. Dubbelklik op het gewijzigde bestand om de exacte wijzigingen weer te geven in de codeweergave.

Een markering in de marge geeft de regels aan waarin wijzigingen zijn aangebracht. Een groene markering geeft aan dat nieuwe code is toegevoegd. Een gele markering geeft gewijzigde code aan, terwijl een rode markering aangeeft dat een coderegel is verwijderd.

Wanneer u klikt op de gele markering in de marge, wordt de verwijderde coderegel rood weergegeven en wordt onlangs toegevoegde code groen weergegeven.

Let op het R-symbool in de linkerhoek van de verwijderde coderegels. Klik op dit R-symbool als u de verwijderde code weer aan het bestand wilt toevoegen.

Gebruik de markeringen in de marge om de verschillen te bekijken en uw wijzigingen te controleren voordat u de wijzigingen doorvoert in de Git-opslagplaats.

Wanneer u het deelvenster Git opent, ziet u een lijst met gewijzigde bestanden. U kunt klikken op een bestand in deze lijst en de wijzigingen bekijken die in het bestand zijn aangebracht na de vorige doorvoerbewerking (diff). Als u de verschillen voor een bestand wilt weergeven, voert u een van de volgende handelingen uit in het deelvenster Git:

• Klik op elk bestand om de bewerkingen te bekijken. De rood gemarkeerde items geven de vorige versie aan, terwijl de groen gemarkeerde items de wijziging aangeven die u zojuist hebt aangebracht.
• Selecteer het bestand waarvoor u de verschillen wilt weergeven. Klik op (Diff-pictogram). Het dialoogvenster Git-diff wordt weergegeven, waarbij de wijzigingen rood en groen zijn gemarkeerd.

Als u uw wijzigingen al hebt doorgevoerd en wilt terugkeren naar de vorige versie van een bestand, gaat u als volgt te werk:

U kunt tags maken wanneer u uw wijzigingen in Git doorvoert. U kunt tags gebruiken om belangrijke doorgevoerde wijzigingen te markeren, bijvoorbeeld wanneer u bestanden incheckt voor een belangrijke wijziging die is aangevraagd door uw klant. De tags fungeren als verwijzing naar een specifieke doorvoerbewerking.

Telkens wanneer u een bestand doorvoert in Git, kunt u de geschiedenis van het bestand bekijken, samen met de details van de doorvoerbewerking. Met deze functionaliteit kunt u belangrijke doorvoerbewerkingen opsporen en tags die zijn gekoppeld aan doorvoerbewerkingen.

1. Voer een van de volgende handelingen uit in het deelvenster Git:

• Selecteer het gewenste bestand en klik op  (pictogram Bestandsgeschiedenis weergeven).
• Klik met de rechtermuisknop op het bestand in het deelvenster Bestanden en selecteer Bestandsgeschiedenis.

De Git-bestandsgeschiedenis van het geselecteerde bestand wordt weergegeven. U kunt de details van de doorvoerbewerking voor dit bestand ook bekijken in hetzelfde dialoogvenster.

U kunt niet alleen de geschiedenis van een bestand in Git weergeven, maar ook de wijzigingen bekijken die zijn aangebracht op het niveau van de opslagplaats. U kunt alle wijzigingen en doorvoerbewerkingen bekijken die zijn uitgevoerd op het niveau van de opslagplaats. Als u de geschiedenis van de opslagplaats wilt weergeven, voert u de volgende stappen uit:

Een van de opvallendste functies van Git betreft vertakkingen. In tegenstelling tot bij de meeste systemen voor versiebeheer kan een Git-vertakking worden gezien als een afzonderlijke tak met al uw gekoppelde bestanden of code. Standaard heeft uw opslagplaats één tak met de naam 'master'. De master-vertakking is de hoofdtak of definitieve tak. U kunt vertakkingen maken vanaf de hoofdtak en wijzigingen in elke vertakking aanbrengen.

U kunt ook een vertakking maken vanaf een andere vertakking, waarbij u een kopie van de bovenliggende tak maakt. U kunt onafhankelijk werken aan beide vertakkingen in dezelfde Git-opslagplaats. U kunt bijvoorbeeld werken aan een nieuwe functie voor uw site in de ene vertakking, terwijl u een aantal wijzigingsaanvragen verwerkt in een andere vertakking.

Git biedt ook de mogelijkheid vertakkingen samen te voegen als u de wijzigingen van de huidige vertakking wilt opnemen in een doelvertakking. Wanneer u twee vertakkingen samenvoegt, blijven beide vertakkingen onafhankelijk van elkaar bestaan. U kunt blijven werken met de bovenliggende vertakking en de doelvertakking.

Wanneer ontwikkelaars en ontwerpers in Dreamweaver samen aan een site werken, kan iedere gebruiker een vertakking maken vanaf de hoofdtak en afzonderlijk wijzigingen aanbrengen. Desgewenst kunnen ze hun wijzigingen eenvoudig samenvoegen met een andere vertakking en doorwerken aan beide vertakkingen.

Als u meer wilt weten over het maken en beheren van vertakkingen in Git, leest u de volgende secties:

Externe opslagplaatsen in Git zijn versies van een project die worden gehost in een ander netwerk. U kunt toegang krijgen tot externe opslagplaatsen door een verbinding te maken met de opslagplaats. Afhankelijk van de toegangsrechten die zijn opgegeven in de externe opslagplaats, kunt u alleen-lezen toegang of schrijftoegang hebben tot die opslagplaats.

Wanneer u in een team werkt, helpen externe opslagplaatsen u gegevens te sturen naar (push) en op te halen uit (pull) andere opslagplaatsen. Via het deelvenster Git in Dreamweaver kunt u een externe verbinding maken, verschillende Git-bewerkingen uitvoeren, zoals Ophalen, Git-push, Git-pull en Extern vernieuwen.

Lees de volgende stappen voor informatie over hoe u externe opslagplaatsen maakt en beheert.

U kunt een externe opslagplaats toevoegen om bestanden en uw voortgang te delen en om toegang te krijgen tot uw projectbestanden die worden gehost in een ander netwerk. Door een externe opslagplaats toe te voegen, creëert u een externe verbinding met de doelopslagplaats. In Dreamweaver kunt u externe opslagplaatsen maken via het deelvenster Git.

Voordat u een externe opslagplaats toevoegt, moet u ervoor zorgen dat voor de andere opslagplaats openbare instellingen zijn ingeschakeld.

Nadat u een externe opslagplaats hebt toegevoegd en een verbinding tot stand hebt gebracht, kunt u de bestanden van de externe opslagplaats ophalen en naar uw lokale opslagplaats pushen. U kunt uw bestanden ook verzenden naar de externe opslagplaats. U moet echter eerst bestanden ophalen uit de externe opslagplaats voordat u voor het eerst een Git-pushbewerking kunt uitvoeren.

Denk eraan dat u alle bestanden in de lokale opslagplaats moet doorvoeren voordat u probeert uw bestanden te pushen. Als de lokale opslagplaats voorbereide bestanden bevat, mislukt Git-push. 

U kunt de volgende Git-bewerkingen uitvoeren vanuit Dreamweaver:

Klik op  om alle bestanden van al uw externe verbindingen op te halen (fetch). Het wordt aanbevolen een Git-ophaalbewerking uit te voeren voordat u Git-push of Git-pull uitvoert. Bij deze handeling worden alleen de bestanden van de externe opslagplaats opgehaald en wordt de lokale opslagplaats niet gewijzigd.

U kunt wijzigingen ophalen (pull) vanaf één opslagplaats of vanaf een groep opslagplaatsen. Wanneer u klikt op het pictogram Git: pull, wordt het dialoogvenster Git: pull weergegeven met diverse opties.

Nadat u verbinding hebt gemaakt met externe opslagplaatsen en de gewijzigde bestanden wijzigt en doorvoert, legt Git deze wijzigingen vast. Het pictogram Git: push in het deelvenster Git geeft direct het aantal bestanden aan dat is gewijzigd. Deze bestanden kunnen nu naar de externe opslagplaats worden gepusht.

Wanneer u een Git-push uitvoert, worden de doorvoerbewerkingen die u hebt uitgevoerd in de lokale opslagplaats, gepusht naar de externe opslagplaats.

Uw bestanden vanuit Dreamweaver pushen:

Met de zoekbalk in het deelvenster Git kunt u bestanden zoeken op bestandsnaam. Dit is met name handig wanneer u een groot aantal bestanden aan uw site hebt gekoppeld.

Als u een bestand zoekt, typt u eenvoudig de bestandsnaam in de zoekbalk. De bestanden die uw zoektermen bevatten, worden direct weergegeven.

Als u wilt dat Git een bestand niet verwerkt, kunt u het bestand toevoegen aan .gitignore. Git negeert de bestanden in deze map wanneer u een handeling uitvoert, inclusief doorvoeren, push en pull. U moet het .gitignore-bestand doorvoeren in de opslagplaats, zodat een gebruiker die de opslagplaats kloont, ook op de hoogte is van de bestanden in de map .gitignore.

Als u bestanden wilt toevoegen aan .gitignore, gaat u naar het deelvenster Bestanden in Dreamweaver. Selecteer het bestand dat Git moet negeren, klik erop met de rechtermuisknop en selecteer Git > Toevoegen aan .gitignore.

Als u op enig moment een bestand wilt verwijderen uit .gitignore, selecteert u het bestand in het deelvenster Bestanden. Klik erop met de rechtermuisknop en selecteer Git > Verwijderen uit .gitignore.

Zorg dat u het .gitignore-bestand doorvoert in de lokale en externe opslagplaatsen nadat u dit bestand hebt gewijzigd.

In de vorige secties van dit artikel hebt u gelezen hoe u het deelvenster Git (interface) gebruikt om taken uit te voeren zoals een Git-opslagplaats aan uw site koppelen, externe verbindingen maken en beheren, bestanden naar een opslagplaats verzenden (push) of bestanden uit een opslagplaats ophalen (pull). U kunt deze en andere handelingen ook uitvoeren met behulp van git-opdrachten.

Ga op een van de volgende manieren te werk als u een Git-bewerking wilt uitvoeren met de terminal:

• Klik op Venster > Git en klik op het pictogram Bash/terminalconsole openen.
• Schakel in het deelvenster Bestanden over naar de Git-weergave. Klik op het pictogram Git-terminal openen naast de vervolgkeuzelijst met opslagplaatsen.

Voor een overzicht van algemene git-opdrachten raadpleegt u Git Cheat Sheet. 

Wanneer u bepaalde bewerkingen, zoals een Git-opslagplaats initialiseren, uitvoert via de opdrachtregel, worden deze bewerkingen ook weerspiegeld in de Dreamweaver-interface.

Als u echter bestanden wijzigt via de opdrachtregel terwijl Dreamweaver niet is geopend, ziet u het volgende bericht wanneer u Dreamweaver de volgende keer opent:

Via de Git-voorkeuren in Dreamweaver kunt u een aantal instellingen voor het gebruik van Git in Dreamweaver opgeven. U kunt het dialoogvenster Voorkeuren gebruiken om Git-voorkeuren in te stellen zoals het pad naar de terminal, time-outinstellingen enzovoort.