Verwenden von Git in Dreamweaver

Dreamweaver CC unterstützt Git, ein verteiltes Open-Source-Versionskontrollsystem, mit dem Sie Quellcode verwalten können. Dank der Git-Integration mit Dreamweaver können Sie ortsunabhängig an Ihrem Code arbeiten und ihre Änderungen später in einem zentralen Git-Repository zusammenführen. Git verfolgt jede Änderung an einer Datei und ermöglicht Ihnen das Wiederherstellen vorheriger Versionen.

Git-Repositorys sind zudem hilfreich, wenn Sie im Team arbeiten, denn mit Git können Sie leicht Verzweigungen erstellen und verwalten. Wenn Sie beispielsweise als Designer an einer Änderung am Site-Design arbeiten, während ein anderes Teammitglied Änderungswünsche für dieselbe Seite umsetzt, können Sie mit Git unabhängig voneinander arbeiten. In einem solchen Fall können beide Benutzer unabhängig voneinander Verzweigungen erstellen und Änderungen am jeweiligen lokalen Repository vornehmen. Das lokale Repository enthält den vollständigen Verlauf aller von Ihnen am Quellcode vorgenommenen Änderungen. Sie können die Synchronisation Ihrer Änderungen mit dem zentralen Repository jederzeit unterbrechen und fortsetzen. Durch Zusammenführen wird sichergestellt, dass der Code im zentralen Repository stets bei beiden Änderungen auf dem neuesten Stand ist.

Machen Sie sich im Folgenden mit den ersten Schritten bei der Verwendung von Git in Dreamweaver vertraut.

Wenn Sie Git zum ersten Mal verwenden, müssen Sie zunächst einen Git-Client herunterladen und ein Git-Konto erstellen. Ein Git-Client ist zwingend erforderlich, um Git in Dreamweaver verwenden zu können.

Wenn Sie bereits über ein Git-Konto verfügen, melden Sie sich bei Ihrem Konto an. Stellen Sie sicher, dass Sie den Git-Client auf Ihr System heruntergeladen haben. 

Führen Sie die folgenden Schritte aus, um mit Git in Dreamweaver zu starten:

Es wird empfohlen, den Git-Client mit den Standardkonfigurationseinstellungen zu installieren. Dreamweaver erkennt den Pfad zur ausführbaren Datei dann automatisch.

Sie können Dreamweaver nun starten und Ihre Site mit einem Git-Repository verknüpfen.

Dreamweaver unterstützt Git-Vorgänge über das Git-Bedienfeld („Fenster“ > „Git“). Als Dreamweaver-Benutzer können Sie in diesem Bedienfeld häufige Git-Vorgänge ausführen, z. B. Commit, Übertragung, Abruf, Holen usw.

Bevor Sie Git in Dreamweaver verwenden können, müssen Sie Ihre Dreamweaver-Site einem Git-Repository zuordnen. Sie können ein Git-Repository mit einem Ordner vergleichen, den Sie erstellen, um Dateiänderungen zu verfolgen. Sie können über eine beliebige Anzahl von Git-Repositorys auf Ihrem Computer verfügen. Jedes Repository in Ihrem System ist unabhängig. Das heißt, dass sich die in einem Git-Repository gespeicherten Änderungen nicht auf den Inhalt eines anderen Repositorys auswirken.

Sie können Ihre Website mit einem Repository verknüpfen, indem Sie entweder ein neues Repository erstellen oder ein vorhandenes klonen. Beim Initialisieren oder Erstellen eines neuen Repositorys wird im aktuellen Arbeitsverzeichnis ein leeres Git-Repository erstellt. Der Ordner enthält die Datei .gitignore.

Wenn Sie jedoch einen Klon eines bestehenden Git-Repositorys erstellen, werden alle Dateien aus dem übergeordneten Repository im lokalen System geklont.

Im Folgenden erfahren Sie, wie Sie ein Git-Repository initialisieren und ein Repository klonen.

Wenn Sie mit der Arbeit mit Git in Dreamweaver beginnen, empfiehlt es sich, zuerst ein neues Repository zu erstellen. Beim Initialisieren eines Git-Repositorys für die Site erstellen Sie ein neues Git-Repository, in dem Sie die mit der Dreamweaver-Site verknüpften Dateien hinzufügen können.

Wenn Sie bereits mit einem bestehenden Git-Repository arbeiten, das von Github, Bitbucket oder einem anderen verbreiteten Hostingdienst gehostet wird, können Sie wie folgt vorgehen, um das Repository aus Dreamweaver heraus zu klonen. Beim Klonen eines bestehenden Repositorys erstellen Sie eine Kopie des Ziel-Repositorys auf dem lokalen System.

Nachdem Sie Ihre Dreamweaver-Site einem Git-Repository zugeordnet haben, werden die Dateien auf Git im Bedienfeld „Dateien“ (Git-Ansicht) angezeigt. Dateien werden von Git im lokalen Repository in folgende Kategorien unterteilt:

• Nicht nachverfolgte Dateien: Dateien, die noch nie in das Git-Repository übernommen wurden. Nachdem Sie ein Git-Repository initialisiert haben, gelten Dateien so lange als nicht nachverfolgt, bis Sie sie übernehmen.
• Nicht geänderte Dateien: Dateien, die nicht geändert wurden.
• Geänderte Dateien: Dateien, die bearbeitet wurden.
• Bereitgestellte Dateien: Dateien, die geändert wurden und jetzt übernommen werden können.

Mit Git können Sie Änderungen an den Dateien nachverfolgen. Wenn Sie die Dateien auf Ihrem lokalen System ändern, werden die geänderten Dateien im Bedienfeld „Dateien“ in einer anderen Farbe angezeigt. Doppelklicken Sie auf die Datei, um sie in der Codeansicht zu öffnen. Zeilen mit Änderungen werden am Zeilenrand gekennzeichnet. Sie können Ihre geänderten Dateien jetzt in Git übernehmen, um die Änderungen zu synchronisieren.

Beim Übernehmen von Dateien ermöglicht es Ihnen Git, Protokollmeldungen für jede Übernahme einzugeben und die Änderungen mit der Versionsvergleichsfunktion zu überprüfen. Sie können auch den Versionsverlauf für jede Datei und für das gesamte Repository anzeigen.

Im Folgenden wird erläutert, wie Sie Ihre vorgenommenen Änderungen in Dreamweaver verfolgen und in Git übernehmen können.

Über das Git-Symbol im Bedienfeld „Dateien“ von Dreamweaver können Sie zwischen der FTP-Ansicht und der Git-Ansicht wechseln. Klicken Sie auf das Git-Symbol, um zur Git-Ansicht zu wechseln.

Wenn Sie ein Git-Repository initialisiert und Ihre Dateien nicht übernommen haben, werden die Dateien nicht nachverfolgt. Wenn Sie die Dateien hingegen nach dem Initialisieren des Repositorys übernommen haben, werden die Dateien von Git erkannt.

Wenn Sie alle Ihre Dateien aus einem anderen Repository geklont haben, werden die Dateien wieder von Git erkannt.

Wenn Sie eine Datei ändern und auf „Speichern“ klicken, werden die geänderten Dateien im Bedienfeld „Dateien“ in einer anderen Farbe angezeigt. Doppelklicken Sie auf die geänderte Datei, um die einzelnen Änderungen in der Codeansicht anzuzeigen.

Am Zeilenrand sind die Zeilen gekennzeichnet, in denen Änderungen vorgenommen wurden. Grüne Kennzeichnungen am Zeilenrand geben an, dass neuer Code hinzugefügt wurde. Gelbe Kennzeichnungen am Zeilenrand geben geänderten Code an, während eine rote Kennzeichnung am Zeilenrand bedeutet, dass eine Codezeile gelöscht wurde.

Wenn Sie auf den gelben Zeilenrand klicken, werden die gelöschte Codezeile rot und der neu hinzugefügte Code grün angezeigt.

Beachten Sie links neben den gelöschten Codezeilen das R-Symbol. Klicken Sie auf dieses R-Symbol, um den gelöschten Code Ihrer Datei erneut hinzufügen.

Am Zeilenrand können Sie die Unterschiede ablesen und Ihre Änderungen prüfen, bevor Sie sie für das Git-Repository übernehmen.

Wenn Sie das Git-Bedienfeld öffnen, wird eine Liste der geänderten Dateien angezeigt. Sie können auf eine Datei in der Liste klicken und die Änderungen anzeigen, die seit dem letzten Commit an der Datei vorgenommen wurden (Versionsvergleich). Um den Versionsvergleich für eine Datei anzuzeigen, führen Sie einen der folgenden Schritte im Git-Bedienfeld aus:

• Klicken Sie auf die einzelnen Dateien, um die Änderungen anzuzeigen. Die roten Markierungen zeigen die frühere Version an, während die grünen Hervorhebungen die Änderungen angeben, die Sie gerade vorgenommen haben.
• Wählen Sie die Datei aus, für die der Versionsvergleich angezeigt werden soll. Klicken Sie auf  (Vergleichssymbol). Das Dialogfeld „Git-Versionsvergleich“ wird angezeigt, in dem die Änderungen rot und grün hervorgehoben sind.

Wenn Sie Ihre Änderungen bereits übernommen haben und die vorige Version einer Datei wiederherstellen möchten, gehen Sie wie folgt vor:

Bei jedem Commit von Änderungen in Git können Sie Tags erstellen. Mithilfe von Tags können Sie wichtige Commits kennzeichnen, zum Beispiel, wenn Sie auf Wunsch des Kunden eine umfangreiche Änderung einchecken. Die Tags fungieren als Zeiger auf einen bestimmten Commit.

Bei jedem Commit einer Datei in Git können Sie zusätzlich zu den Einzelheiten zum Commit den Verlauf der Datei anzeigen lassen. Diese Funktion erleichtert Ihnen das Ermitteln wichtiger Commits sowie der den Commits zugeordneten Tags.

1. Führen Sie im Git-Bedienfeld einen der folgenden Schritte aus:

• Wählen Sie die gewünschte Datei aus und klicken Sie auf  (Symbol „Dateiverlauf anzeigen“).
• Klicken Sie im Bedienfeld „Dateien“ mit der rechten Maustaste auf die Datei und wählen Sie die Option „Dateiverlauf“.

Im System wird der Git-Dateiverlauf für die ausgewählte Datei angezeigt. Im gleichen Dialogfeld können Sie auch die Details des Commits für diese Datei anzeigen lassen.

Zusätzlich zum Verlauf einer Datei in Git können Sie auch die auf Repository-Ebene vorgenommenen Änderungen anzeigen. Sie können sämtliche auf Repository-Ebene vorgenommenen Änderungen und Commits anzeigen. Führen Sie die folgenden Schritte durch, um den Repository-Verlauf anzuzeigen:

Eine der einzigartigen Funktionen von Git sind Verzweigungen (auch „Branches“ genannt). Im Gegensatz zu den meisten Versionskontrollsystemen kann eine Git-Verzweigung eine einzelne Zeile der gesamten verknüpften Dateien oder des Codes darstellen. Standardmäßig hat das Repository eine Verzweigung namens „Master“. Bei der Master-Verzweigung handelt es sich um die Haupt- oder maßgebliche Verzweigung. Sie können vom Master ausgehend Verzweigungen erstellen und an jeder Verzweigung Änderungen vornehmen.

Sie können auch eine Verzweigung von einer anderen Verzweigung erstellen, in die Sie die übergeordnete Verzweigung kopieren. Sie können die beiden Verzweigungen im Git-Repository unabhängig voneinander bearbeiten. So können Sie z. B. in einer Verzweigung an einer neuen Funktion für Ihre Site arbeiten und gleichzeitig Änderungswünsche in einer anderen Verzweigung umsetzen.

In Git können Sie außerdem Verzweigungen zusammenführen, wenn Sie die Änderungen aus der aktuellen Verzweigung in eine Zielverzweigung einschließen möchten. Wenn Sie zwei Verzweigungen zusammenführen, bleiben beide Verzweigungen weiterhin unabhängig voneinander bestehen. Sie können die übergeordnete und die Zielverzweigung weiter bearbeiten.

Wenn in Dreamweaver viele Entwickler und Designer an einer Site zusammenarbeiten, kann jeder Benutzer eine Verzweigung vom Master erstellen und unabhängig Änderungen vornehmen. Bei Bedarf können sie alle Änderungen mit einer anderen Verzweigung zusammenführen und weiterhin mit beiden Verzweigungen arbeiten.

Weitere Informationen zum Erstellen und Verwalten von Verzweigungen in Git finden Sie in den folgenden Abschnitten:

Remote-Repositorys in Git sind Versionen eines Projekts, die in einem anderen Netzwerk gehostet werden. Sie können auf Remote-Repositorys zugreifen, indem Sie eine Verbindung mit dem betreffenden Repository herstellen. In Abhängigkeit von den im Remote-Repository angegebenen Zugriffsrechten verfügen Sie entweder über Lesezugriff oder über Schreibzugriff auf dieses Repository.

Bei der Arbeit in einem Team ermöglichen Ihnen Remote-Repositorys das Übertragen und Abrufen von Daten zwischen Repositorys. Im Dreamweaver-Git-Bedienfeld können Sie eine Remoteverbindung erstellen und diverse Git-Vorgänge wie Laden, Git-Übertragung, Git-Abruf und Remote-Aktualisierungen ausführen.

Lesen Sie die folgenden Vorgehensweisen, um zu erfahren, wie Sie Remote-Repositorys erstellen und verwalten.

Sie können ein Remote-Repository hinzufügen, um Dateien und Ihren Arbeitsfortschritt mit anderen zu teilen und um auf Projektdateien zuzugreifen, die in einem anderen Netzwerk gehostet werden. Indem Sie ein Remote-Repository hinzufügen, stellen Sie eine Remoteverbindung mit dem Ziel-Repository her. Dreamweaver ermöglicht es Ihnen, im Git-Bedienfeld Remote-Repositorys zu erstellen.

Vergewissern Sie sich vor dem Hinzufügen eines Remote-Repositorys, dass für das andere Repository die Einstellung „Öffentlich“ aktiviert ist.

Nach dem Hinzufügen eines Remote-Repositorys und dem Einrichten einer Verbindung können Sie Dateien aus dem Remote-Repository in Ihr lokales Repository laden und abrufen. Sie können Ihre Dateien auch in das Remote-Repository übertragen. Sie müssen jedoch zunächst Dateien aus dem Remote-Repository laden, bevor Sie zum ersten Mal eine Git-Übertragung ausführen.

Denken Sie daran, dass Sie einen Commit aller Dateien im lokalen Repository ausführen müssen, bevor Sie versuchen, Ihre Dateien zu übertragen. Wenn im lokalen Repository bereits bereitgestellte Dateien vorhanden sind, schlägt die Git-Übertragung fehl. 

Sie können in Dreamweaver die folgenden Git-Vorgänge ausführen:

Klicken Sie auf , um alle Dateien über sämtliche Remoteverbindungen abzurufen. Es wird empfohlen, einen Git-Ladevorgang auszuführen, bevor Sie Git-Übertragung oder Git-Abruf ausführen. Bei dieser Aktion werden lediglich die Dateien aus dem Remote-Repository geladen und das lokale Repository wird nicht geändert.

Sie können Änderungen aus einem einzelnen Repository oder aus einer Gruppe von Repositorys abrufen. Wenn Sie auf das Symbol „Git-Abruf“ klicken, wird das Dialogfeld „Git-Abruf“ mit verschiedenen Optionen im System geöffnet.

Wenn Sie die Dateien nach dem Herstellen einer Verbindung mit Remote-Repositorys ändern und übernehmen, werden diese Änderungen von Git erfasst. Im Symbol „Git-Übertragung“  im Git-Bedienfeld wird sofort die Anzahl der geänderten Dateien angezeigt. Diese Dateien können nun in das Remote-Repository übertragen werden.

Wenn Sie eine Git-Übertragung ausführen, werden die für das lokale Repository durchgeführten Commits in das Remote-Repository übertragen.

So übertragen Sie Dateien aus Dreamweaver heraus:

Mit der Suchleiste im Git-Bedienfeld können Sie Dateien anhand des Dateinamens suchen. Diese Funktion ist besonders hilfreich, wenn Ihre Website eine große Anzahl von Dateien umfasst.

Geben Sie zum Suchen einer Datei einfach den Dateinamen in der Suchleiste ein. Die Dateien, deren Name den Text der Suchanfrage enthält, werden sofort angezeigt.

Wenn Git für eine bestimmte Datei keine Aktionen ausführen soll, können Sie die betreffende Datei zu „.gitignore“ hinzufügen. Die Dateien in diesem Ordner werden von Git ignoriert, wenn Sie eine Aktion wie Commit, Übertragung oder Abruf ausführen. Sie müssen die Datei „.gitignore“ in Ihr Repository übernehmen, sodass die Dateien im Ordner „.gitignore“ auch allen anderen Benutzern bekannt sind, die Ihr Repository klonen.

Wenn Sie Dateien „.gitignore“ hinzufügen möchten, wechseln Sie in das Bedienfeld „Dateien“ in Dreamweaver. Wählen Sie die von Git zu ignorierende Datei aus und klicken Sie mit der rechten Maustaste darauf. Wählen Sie anschließend „Git“ > „Zu „.gitignore“ hinzufügen“ aus.

Wenn Sie eine Datei zu einem späteren Zeitpunkt aus „.gitignore“ entfernen möchten, wählen Sie die betreffende Datei im Bedienfeld „Dateien“ aus. Klicken Sie mit der rechten Maustaste darauf und wählen Sie „Git“ > „Aus „.gitignore“ entfernen“ aus.

Stellen Sie sicher, dass Sie die Datei „.gitignore“ in das lokale Repository und die Remote-Repositorys übernehmen, nachdem Sie sie geändert haben.

In den vorherigen Abschnitten dieses Artikels wurde die Verwendung des Git-Bedienfelds (Benutzeroberfläche) zum Zuordnen eines Git-Repositorys zu Ihrer Site, zum Erstellen und Verwalten von Remote-Verbindungen, zum Übertragen von Dateien an ein Repository oder zum Abrufen von Dateien aus einem Repository erläutert. Sie können diese und viele weitere Aktionen auch mithilfe von Git-Befehlen durchführen.

Führen Sie einen der folgenden Schritte durch, um beliebige Git-Vorgänge über das Git-Terminal durchzuführen:

• Klicken Sie auf „Fenster“ > „Git“ und klicken Sie auf das Symbol „Bash-/Terminal-Konsole öffnen“.
• Wechseln Sie im Bedienfeld „Dateien“ zur Git-Ansicht. Klicken Sie neben der Dropdown-Liste der Repositorys auf das Symbol „Git-Terminal öffnen“.

Eine Auflistung der am häufigsten verwendeten Git-Befehle finden Sie in der Git-Kurzreferenz. 

Wenn Sie bestimmte Aktionen wie das Initialisieren eines Git-Repositorys über die Befehlszeile ausführen, werden diese Aktionen auch auf der Dreamweaver-Benutzeroberfläche widergespiegelt.

Wenn Sie jedoch Dateien über die Befehlszeile bearbeiten und Dreamweaver nicht geöffnet ist, wird beim nächsten Start von Dreamweaver folgende Meldung angezeigt:

Mit den Git-Voreinstellungen in Dreamweaver können Sie einige Einstellungen für die Verwendung von Git in Dreamweaver definieren. Sie können im Dialogfeld „Voreinstellungen“ Git-Einstellungen wie den Pfad zum Terminal, Zeitüberschreitungseinstellungen usw. festlegen.