Använda Git i Dreamweaver

Dreamweaver stöder Git – ett versionshanteringssystem som distribueras via öppen källkod och används för att hantera filer och källkod. Integreringen av Git i Dreamweaver gör att du kan arbeta självständigt med din kod var du än är och sammanfoga dina ändringar med en central Git-databas vid ett senare tillfälle. Git hjälper dig att spåra alla ändringar i en fil och gör att du kan återgå till tidigare versioner.

Git-databaser är även användbara när ni arbetar i team eftersom Git hjälper er att enkelt skapa och underhålla grenar. Exempel: anta att du är en designer som vill göra en designändring på en webbplats. Om en annan teammedlem då vill utföra ändringar på samma webbplats samtidigt kan ni båda arbeta självständigt med hjälp av Git. I det här fallet kan ni båda var för sig skapa en gren och göra era ändringar i era respektive lokala databaser. Den lokala databasen innehåller en fullständig historik över alla ändringar du har gjort i källan. Du kan när som helst pausa arbetet och sammanfoga ändringarna med den centrala databasen. Genom sammanslagning säkerställs att den centrala databasen alltid har den senaste koden, med bådas ändringar.

Läs vidare för att få information om hur du kommer i gång med användningen av Git i Dreamweaver.

Om du är ny Git-användare måste du först hämta en Git-klient och skapa ett Git-konto. En Git-klient måste finnas innan Git kan användas inifrån Dreamweaver.

Om du redan har ett Git-konto loggar du in på det. Se till att du laddat ned Git-klienten till din dator. 

Utför följande steg för att komma igång med Git i Dreamweaver:

Git-panelen

Vi rekommenderar att du använder standardinställningarna för konfiguration när du installerar Git-klienten. Dreamweaver väljer sedan automatiskt sökvägen till den körbara filen.

Du kan nu starta Dreamweaver och koppla din webbplats till en Git-databas.

Dreamweaver har stöd för åtgärder i Git via Git-panelen (Fönster > Git). I Dreamweaver kan du använda den här panelen för vanliga Git-åtgärder som t.ex. implementera, push, pull och hämta.

Koppla din webbplats till Git

Om du vill börja använda Git i Dreamweaver måste du först koppla din Dreamweaver-plats till en Git-databas. En Git-databas fungerar som en mapp du skapar för att hjälpa till att spåra ändringar i filer. Du kan ha ett valfritt antal Git-databaser på din dator. Alla databaser i datorn är oberoende av varandra. Det innebär att ändringarna som sparas i en Git-databas inte påverkar innehållet i övriga databaser.

Du kan koppla din webbplats till en databas antingen genom att skapa en databas eller genom att klona en befintlig databas. När du initierar eller skapar en ny databas skapas en tom Git-databas i din aktuella arbetskatalog, med en .gitignore-fil i mappen.

Om du i stället klonar en befintlig Git-databas klonas alla filer från den överordnade databasen till din dator.

Läs vidare om du vill veta hur du initierar en Git-databas eller klonar en databas.

Initiera en Git-databas

När du börjar arbeta med Git i Dreamweaver är det första steget att skapa en ny databas. När du initierar en Git-databas för din webbplats skapar du en Git-databas där du kan lägga till de filer som är kopplade till din Dreamweaver-plats.

Klona en befintlig databas

Om du redan arbetar med en befintlig Git-databas som lagras på Github, Bitbucket eller någon annan populär värdtjänst följer du anvisningarna nedan för att klona databasen från Dreamweaver. När du klonar en befintlig databas skapar du en kopia av måldatabasen på din dator.

Använda Git för versionskontroll

När du har kopplat Dreamweaver-platsen till en Git-databas kan du visa filerna i Git från filpanelen (Git-vyn). Git kategoriserar filerna i den lokala databasen som:

• Ej spårade filer: Filer som aldrig har implementerats i Git-databasen. När du har initierat en Git-databas spåras inte filerna förrän du implementerar dem.
• Oförändrade filer: Filer som inte har ändrats.
• Ändrade filer: Filer som har redigerats.
• Mellanlagrade filer: Filer som har ändrats och är klara att implementeras.

Med Git kan du spåra ändringar i filerna. När du ändrar filerna i ditt lokala system visas de ändrade filerna i en annan färg i filpanelen. När du dubbelklickar på och öppnar filen i kodvyn kan du även se kolumnmarginalmärket mot raderna som har ändrats. Du kan implementera dina ändrade filer i Git för att synkronisera ändringarna.

När du implementerar dina filer ger Git dig möjlighet att skriva loggmeddelanden för varje implementering och använda skillnadsfunktionen för att granska ändringarna. Du kan även visa versionshistoriken för varje fil och för hela databasen.

Läs vidare för att lära dig hur du spårar dina ändringar i Dreamweaver och implementerar ändringarna i Git.

Spåra ändringar i Git

Git-ikonen på panelen Filer i Dreamweaver gör det möjligt att växla mellan FTP-vyn och Git-vyn. Klicka på Git-ikonen för att växla till Git-vyn.

Om du har initierat en Git-databas men inte implementerat filerna, förblir filerna ej spårade. Om du däremot har implementerat filerna efter att du har initierat databasen identifieras filerna av Git.

Om du har klonat alla dina filer från en annan databas identifieras filerna på nytt av Git.

När du ändrar en fil och klickar på Spara visas de ändrade filerna i en annan färg i filpanelen. Dubbelklicka på den ändrade filen för att visa de exakta ändringarna i kodvyn.

Ett kolumnmarginalmärke visar vilka rader som har ändrats. Gröna kolumnmarginalmärken visar ny kod som lagts till. Gula kolumnmarginalmärken visar på ändrad kod, och röda visar på kodrader som tagits bort.

När du klickar på det gula kolumnmarginalmärket visar programmet ändringen i koden. Den borttagna kodraden visas i rött och den tillagda koden visas i grönt.

Lägg märke till R-symbolen i det vänstra hörnet av de borttagna kodraderna. Klicka på R-symbolen för att lägga tillbaka den borttagna koden i filen.

Använd marginalmärken för att visa diff, och granska dina ändringar innan du implementerar dem i Git-databasen.

Visa skillnaderna i ändrade filer

När du öppnar Git-panelen visas en lista med de filer som har ändrats. Du kan klicka på en fil i listan och visa de ändringar som gjorts i filen efter den föregående implementeringen (diff). Om du vill visa skillnaderna (diff) för en fil gör du något av följande från Git-panelen:

• Klicka på varje fil för att visa redigeringarna på filnivå. De röda markeringarna anger den tidigare versionen och de gröna markeringarna anger den senaste ändringen.
• Markera den fil som du vill visa skillnader för. Klicka på  (diff-ikonen). Dialogrutan Git Diff öppnas och ändringarna visas markerade i rött och grönt.

Implementera ändringar

Återställa ändringar

Om du redan har implementerat dina ändringar och vill återgå till den tidigare versionen av en fil gör du så här:

Skapa taggar

Du kan skapa taggar varje gång du implementerar ändringarna i Git. Du kan använda taggar för att markera viktiga implementeringar. Till exempel vid en incheckning då stora förändringar har begärts av kunden. Taggarna fungerar som pekare till specifika implementeringar.

Visa filhistorik

Varje gång du sparar en fil i Git kan du visa filens historik tillsammans med informationen om implementeringen. Den här funktionen hjälper till att identifiera viktiga implementeringar och taggar som är kopplade till implementeringar.

1. Gör något av följande i Git-panelen:

• Markera önskad fil och klicka på (ikonen för visning av filhistorik).
• Högerklicka på filen i filpanelen och välj Filhistorik.

Systemet visar Git-filhistoriken för den valda filen. Dialogrutan ger dig även möjlighet att visa information om implementeringen för den här filen.

Visa databashistorik

Förutom att visa en fils historik i Git kan du även visa ändringar som gjorts på databasnivån. Du kan visa alla ändringar och implementeringar som gjorts på databasnivån. Följ de här stegen för att visa databashistoriken:

Använda Git för samarbete

En av de mest speciella funktionerna i Git är grenar. Till skillnad från de flesta andra versionshanteringssystem kan en Git-gren likställas med en fristående rad med alla kopplade filer eller kod. Som standard finns det en gren i databasen som är huvudgren. Huvudgrenen är den centrala eller huvudsakliga grenen. Du kan skapa grenar utifrån huvudgrenen och göra ändringar i de olika grenarna.

Du kan också skapa en gren utifrån en annan gren och på så sätt skapa en kopia av den överordnade grenen. Du kan arbeta oberoende med de båda grenarna i samma Git-databas. Du kan till exempel arbeta med en ny funktion för din webbplats i en gren samtidigt som du arbetar med ändringsbegäranden i en annan gren.

Git gör det även möjligt att sammanfoga grenar om du vill lägga till ändringarna från den aktuella grenen i en målgren. När du sammanfogar två grenar finns båda grenarna fortfarande kvar som självständiga grenar. Du kan fortsätta att arbeta med den överordnade grenen och målgrenen.

När många utvecklare och designer arbetar tillsammans med en webbplats i Dreamweaver kan varje användare skapa en gren utifrån huvudgrenen och göra ändringar oberoende av varandra. De kan när som helst enkelt sammanfoga sina ändringar med en annan gren och fortsätta arbeta med båda grenarna.

Läs följande avsnitt för att få mer information om hur du skapar och hanterar grenar i Git:

Skapa grenar i Git

Sammanfoga grenar

Arbeta med fjärrdatabaser

Fjärrdatabaser i Git är versioner av ett projekt som lagras i ett annat nätverk. Du får åtkomst till fjärrdatabaser genom att skapa anslutningar till dessa databaser. Beroende på de åtkomsträttigheter som anges i fjärrdatabasen kan du antingen ha läsbehörighet eller skrivbehörighet till den aktuella databasen.

När du arbetar i ett team hjälper fjärrdatabaserna dig att skicka data till och hämta data från andra databaser. Git-panelen i Dreamweaver ger dig möjlighet att skapa en fjärranslutning och utföra flera Git-åtgärder, till exempel Hämta, Git-överföring, Dra in Git och Fjärruppdatera.

Läs följande text för att få mer information om hur du skapar och hanterar fjärrdatabaser.

Lägga till en fjärrdatabas

Du kan lägga till en fjärrdatabas för att dela filer och pågående arbete och få åtkomst till dina projektfiler som lagras i ett annat nätverk. Genom att lägga till en fjärrdatabas kan du upprätta en fjärranslutning till måldatabasen. Dreamweaver gör det möjligt att skapa fjärrdatabaser från Git-panelen.

Innan du lägger till en fjärrdatabas måste du kontrollera att offentliga inställningar är aktiverade för den andra databasen.

Hantera fjärrdatabaser

När du har lagt till en fjärrdatabas och upprättat en anslutning kan du hämta filerna från fjärrdatabasen till din lokala databas. Du kan även skicka dina filer till fjärrdatabasen. Du måste dock först hämta filer från fjärrdatabasen innan du kan utföra åtgärden Git-överföring för första gången.

Kom ihåg att implementera alla dina filer i den lokala databasen innan du försöker skicka dina filer. Om din lokala databas innehåller mellanlagrade filer misslyckas åtgärden Git-överföring. 

Du kan utföra följande Git-åtgärder direkt i Dreamweaver:

Hämta alla

Klicka på  för att hämta alla filer från alla dina fjärranslutningar. Vi rekommenderar att du utför en Git-hämtning innan du utför åtgärden Git-överföring eller Dra in Git. Den här åtgärden hämtar bara filer från fjärrmappen och förändrar inte din lokala databas.

Dra in filer (Pull) från fjärrdatabaser

Du kan dra in ändringar (Pull) från en enstaka databas eller från en grupp av databaser. När du klickar på Git Pull-ikonen visar systemet dialogrutan Dra in Git med olika alternativ.

Överföra filer till fjärrdatabasen (Push)

När du har anslutit till fjärrdatabaser och sedan ändrar och implementerar de ändrade filerna lagrar Git dessa ändringar. Ikonen för Git Push på Git-panelen visar omedelbart antalet filer som har ändrats. Dessa filer kan nu skickas till fjärrdatabasen.

När du utför en Git-överföring skickas de implementeringar du har gjort i den lokala databasen till fjärrdatabasen.

Så här överför du filer direkt från Dreamweaver:

Söka efter filer på Git-panelen

Med sökfältet i Git-panelen kan du söka efter filer genom att ange filnamn. Den här funktionen är särskilt användbar när du har ett stort antal filer som är kopplade till din plats.

Skriv in filnamnet i sökfältet om du vill söka efter en fil. Filen eller filerna som matchar ditt sökord visas omedelbart.

Lägga till filer i .gitignore-listan

Om du inte vill att Git ska hantera en fil kan du lägga till filen i .gitignore. Git ignorerar sedan filerna i den här mappen när du utför olika åtgärder, till exempel implementera, push och pull. Du måste implementera .gitignore-filen i din databas så att andra användare som klonar databasen också är medvetna om filerna i.gitignore-mappen.

Gå till panelen Filer i Dreamweaver för att lägga till filer i .gitignore. Markera och högerklicka på den fil du vill att Git ska ignorera och välj Git > Lägg till i .gitignore.

Du kan när som helst ta bort en fil från.gitignore genom att markera filen på panelen Filer. Högerklicka och välj Git > Ta bort från .gitignore.

Kontrollera att du har implementerat .gitignore-filen i den lokala databasen och fjärrdatabaserna när du har ändrat den här filen.

Komma åt Git via kommandoraden

I det föregående avsnitten i den här artikeln beskrevs hur du använder Git-panelen för att utföra åtgärder som t.ex. koppla en Git-databas till din plats, skapa och hantera fjärranslutningar, flytta filer till en databas via Push, eller ta filer från en databas via Pull. Du kan även utföra de här åtgärderna med Git-kommandon.

Gör så här för att utföra Git-åtgärder med terminalen:

• Klicka på Fönster > Git och klicka på ikonen för öppning av Bash-/terminalkonsolen.
• Öppna panelen Filer och växla till Git-vyn. Klicka på den ikon för att öppna Git-terminalen som finns bredvid listrutan med databaser.

En lista över vanliga Git-kommandon finns i lathunden för Git. 

När vissa åtgärder utförs, t.ex. initiering av en Git-databas från kommandoraden, visas dessa ändringar även i Dreamweaver-gränssnittet.

Du kan även ändra filer med kommandoraden när Dreamweaver är avstängt. Om du gör det ser du följande meddelande när du startar Dreamweaver nästa gång:

Ange Git-inställningar i Dreamweaver

Git-inställningarna i Dreamweaver gör det möjligt att definiera vissa inställningar för användningen av Git i Dreamweaver. Du kan använda dialogrutan Inställningar för att göra inställningar för Git, till exempel sökvägen till terminalen och timeoutinställningar.