So integrieren Sie Git in Dreamweaver

Dreamweaver und Git

Adobe Dreamweaver verfügt über eine Git-Integration, mit der Sie Dateien bearbeiten und die Versionskontrolle in einer Anwendung mit einer einheitlichen Oberfläche verwalten können.

Wenn Sie eine Dreamweaver-Site mit einem Git-Repository verknüpfen, können Sie Dreamweaver als Ihren Git-Client verwenden – Sie können Änderungen ziehen und übertragen, Commit-Nachrichten schreiben, Diffs anzeigen und Zusammenführungen durchführen. Sie können weiterhin andere Git-Clients wie die Git-GUI oder den Befehl git verwenden, und Dreamweaver arbeitet nahtlos mit ihnen zusammen. Wenn Sie Git-Operationen auf Ihrem lokalen Repository mit einem anderen Client ausführen, erkennt Dreamweaver die Aktualisierungen und aktualisiert automatisch den Git-Status in Dreamweaver.

Führen Sie diese Schritte aus, um eine Dreamweaver-Site mit einem Git-Repository zu verknüpfen. In diesen Beispielen ist der Git-Server GitHub.

Konfigurieren Sie Dreamweaver für die Verwendung von Git

Notiz

Diese Anweisungen behandeln die Git-Konfiguration für eine neue Dreamweaver-Site. Wenn Sie eine vorhandene Dreamweaver-Site haben, sind die Schritte etwas anders, und Dreamweaver ist etwas wählerischer in Bezug auf die akzeptierten Konfigurationen. Diese Schritte sind ähnlich, werden hier aber nicht behandelt.

Erstellen Sie eine neue Dreamweaver-Site

  1. Öffnen Sie Dreamweaver.
  2. Wählen Sie im Menü „Site“ die Option „Neue Site“.
  3. Geben Sie einen Site-Namen ein. Geben Sie beispielsweise mysite-git ein.

Erstellen Sie einen neuen lokalen Site-Ordner

  1. Wählen Sie für den lokalen Site-Ordner einen leeren Ordner aus. Wenn Sie den Namen eines nicht vorhandenen Ordners eingeben, wird dieser erstellt. Wenn die Site erstellt wird, wird das Remote-Git-Repository in dieses Verzeichnis geklont.

Konfigurieren von Git-Anmeldeinformationen in Dreamweaver

  1. Wählen Sie dieser Site ein Git-Repository zuordnen aus.
  2. Wählen Sie Vorhandenes Git-Repository mit URL klonen aus.
  3. Geben Sie die https://-URL Ihres Repositorys ein.
  4. Geben Sie für Git-Benutzername Ihren GitHub-Benutzernamen ein.
  5. Wenn Sie 2FA (Zwei-Faktor-Authentifizierung) verwenden, geben Sie für Passwort Ihr Zugriffstoken ein (siehe unten). Wenn Sie 2FA nicht verwenden, geben Sie Ihr normales Git-Passwort ein.

Konfigurieren der Git-Zuordnung in einer neuen Dreamweaver-Site

  1. Klicken Sie auf Test, um zu überprüfen, ob die Authentifizierung funktioniert.
  2. Aktivieren Sie das Kontrollkästchen Anmeldeinformationen speichern.
Notiz

Wenn Sie Ihre Anmeldeinformationen jetzt nicht speichern, können Sie dies möglicherweise später nicht mehr tun.

  1. Klicken Sie auf Speichern.

Das Remote-GitHub-Repository wird in Ihren lokalen Site-Ordner geklont. Wenn Sie nun eine dieser Dateien bearbeiten, können Sie Dreamweaver als Ihren Git-Client verwenden.

Generieren Sie ein persönliches Zugriffstoken für GitHub 2FA

  1. Melden Sie sich in einem Webbrowser bei Ihrem GitHub-Konto an.
  2. Verifizieren Sie Ihre E-Mail-Adresse, falls Sie dies noch nicht getan haben.
  3. Klicken Sie in der oberen rechten Ecke einer beliebigen GitHub-Seite auf Ihr Kontosymbol. Wählen Sie im Menü Einstellungen.
  4. Klicken Sie links auf Entwicklereinstellungen.
  5. Klicken Sie links auf Persönliche Zugriffstoken.
  6. Klicken Sie auf Neues Token generieren.
  7. Geben Sie für Token-Beschreibung etwas ein.
  8. Für Bereiche können Sie die Standardoptionen verwenden. Stellen Sie sicher, dass Repo und seine Unteroptionen aktiviert sind.
  9. Klicken Sie auf Token generieren, um alle zuvor generierten Token ungültig zu machen und ein neues Token zu erstellen. Kopieren Sie das neue Token und fügen Sie es in das private Dokument ein. Dieses Token kann nie wieder in GitHub gesehen werden, speichern Sie es also an einem sicheren Ort.

Dieses Token muss nun als Passwort für alle GitHub-Vorgänge verwendet werden, die eine https://-URL verwenden, einschließlich der Dreamweaver-Integration.

Git-Workflow in Dreamweaver

Im Folgenden finden Sie den allgemeinen Arbeitsablauf zum Bearbeiten einer Git-assoziierten Dreamweaver-Site.

  1. Wenn das Git-Fenster in Ihrer Dreamweaver-Benutzeroberfläche ausgeblendet ist, wählen Sie im Menü „Fenster“ die Option „Git“. (Sie können die seitlichen Menüs, einschließlich des Git-Menüs, umschalten, indem Sie F4 drücken.)
  2. Führen Sie vor dem Bearbeiten von Dateien einen Git-Pull durch. Ein Pull synchronisiert Ihr lokales Repository, sodass Sie seit Ihrem letzten Pull alle neuen Arbeiten von anderen Personen erledigt haben.

Dreamweaver-Git-Pull-Schaltfläche

  1. Bevor Sie Änderungen an einer Datei speichern, zeigt Dreamweaver „Nothing to commit, the working directory is clean.“ an.
  2. Nachdem Sie Änderungen an einer Datei gespeichert haben, wird sie als Datei ohne Staging aufgeführt. Nicht bereitgestellte Dateien werden von Git nicht nachverfolgt und sind nicht Teil eines Commits.
  3. Um eine von Ihnen geänderte Datei bereitzustellen, aktivieren Sie das Kontrollkästchen neben dem Dateinamen. Das Kommandozeilen-Äquivalent ist git add filename.

Aktivieren Sie das Kontrollkästchen neben einem Dateinamen, um ihn bereitzustellen

  1. Optional: Wenn Sie eine Datei aus der Staging-Umgebung entfernen möchten, sodass Ihre Änderungen nicht in einem Commit enthalten sind, deaktivieren Sie das Kontrollkästchen neben dem Dateinamen. Das Befehlszeilenäquivalent ist git reset HEAD filename.
  2. Wenn Sie bereit sind, Ihre Änderungen zu übernehmen, klicken Sie auf die Schaltfläche „Übernehmen“.

Dreamweaver-Git-Commit

  1. Geben Sie eine Commit-Nachricht ein, die kurz die Änderungen in dieser Gruppe von Dateien beschreibt. Diese Nachricht entspricht dem Befehl git commit -m “message”. OK klicken.

Git-Commit-Nachricht von Dreamweaver

  1. Möglicherweise werden Sie aufgefordert, Ihre Git-Benutzerdaten einzugeben. Geben Sie den vollständigen Namen und die E-Mail-Adresse ein, die Sie in Commit-Nachrichten identifizieren. Sie werden nur einmal nach diesen Informationen gefragt. Die Befehlszeilenäquivalente sind git config –global user.name “Full Name” und git config –global user.email “address”.
  2. Wenn Sie bereit sind, Ihr Commit an das Remote-Repository zu übertragen, klicken Sie auf Git-Push.
  3. Sofern Sie keinen anderen Grund haben, können Sie die standardmäßigen Push-Einstellungen verwenden. OK klicken. Das Kommandozeilen-Äquivalent ist git push origin master.

Git-Push von Dreamweaver

Notiz

Wenn jemand anderes seit dem letzten Abrufen eine der Dateien in Ihrem Commit geändert hat, werden Sie benachrichtigt, dass die Konflikte zusammengeführt werden müssen. In vielen Fällen können die Änderungen automatisch zusammengeführt werden. Wenn die Zusammenführung abgeschlossen ist, können Sie versuchen, Ihr Commit erneut zu pushen.

Fehlerbehebung

  • Wenn Ihr Git-Fenster überhaupt keine Informationen anzeigt, ist Ihre Website möglicherweise nicht richtig konfiguriert. Entfernen Sie die Dreamweaver-Site, löschen Sie den lokalen Site-Ordner (oder wählen Sie einen neuen aus) und beginnen Sie erneut.
  • Wenn Dreamweaver beim ersten Versuch, Ihre Git-Anmeldeinformationen zu testen, hängen bleibt, wird es möglicherweise von der Windows Defender-Firewall blockiert. Um die Firewall-Einstellungen von Dreamweaver zurückzusetzen, installieren Sie Dreamweaver neu und stellen Sie sicher, dass Sie beim ersten Start der Anwendung Firewall-Zugriff gewähren.
  • Wenn Git nicht ordnungsgemäß mit Dreamweaver zu funktionieren scheint, können Sie versuchen, Git neu zu installieren. Dreamweaver verwendet die Git-Befehlszeilentools unter der Haube, und Sie haben möglicherweise veraltete Anmeldeinformationen oder eine andere Konfiguration. Wenn dies der Fall ist, sollte eine Neuinstallation von Git diese Informationen zurücksetzen und das Problem beheben.
Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here