Einführung in Git für Webdesigner

Wenn Sie nicht ein One-Person-Webshop sind, mit dem kein Team zusammenarbeiten kann, haben Sie die Frustration erfahren, die mit der Dateifreigabe einhergeht. Egal, wie sehr Sie es versuchen, wenn mehrere Personen an einem einzigen Projekt arbeiten, ohne dass ein Versionskontrollsystem installiert ist, werden die Dinge chaotisch .

Wenn Sie mit Entwicklern an der Erstellung und Implementierung von Websites arbeiten, kann die Zusammenführung von Front-End-Vorlagen und Back-End-Funktionalität zu einem gruseligen schwarzen Loch werden.

Probleme wie Überschreibungen, verlorene Dateien und das allzu häufige Phänomen der "Abarbeitung einer früheren Version" tauchen ständig auf . Sobald die Back-End-Funktionalität in Ihre Templates integriert wurde, haben Sie Angst davor, sie zu berühren, aus Angst, etwas zu brechen, bei dem ein Entwickler viel Zeit mit der Arbeit verbracht hat.

Außerdem, selbst wenn Sie ein gemeinsames Repository haben, dass jeder von den Vorteilen zieht, ist mindestens ein Mitglied Ihres Teams vergessen, die neuesten Dateien zu greifen und ist im Begriff, die Dinge mit ihren neuesten Ergänzungen in die Luft zu jagen.

In diesem Artikel werde ich Ihnen einen kurzen Überblick über Git geben, ein ausgezeichnetes Versionskontrollsystem .

Versionskontrolle - Eine schnelle und schmutzige Erklärung

Versionskontrolle (auch bekannt als Revision Control oder Source Control Management ) ist eine großartige Möglichkeit, das File-Sharing-Problem zu lösen.

Das Grundkonzept ist folgendes: Es gibt ein Haupt-Repository für alle Projektdateien . Teammitglieder checken Dateien aus, nehmen Änderungen vor und checken sie wieder ein (oder committen sie). Das Versionskontrollsystem (VCS) registriert automatisch, wer die Dateien geändert hat, wenn sie geändert wurden, und was ist mit ihnen?

Es fordert Sie auch auf, eine kleine Notiz über die Änderung zu schreiben, damit jeder auf dem Projekt auf einen Blick weiß, was Sie getan haben und warum. Jede Datei hat dann einen Überarbeitungsverlauf, sodass Sie leicht zu einer früheren Version einer Datei zurückkehren können, wenn etwas schief läuft.

Mit einem guten VCS können Sie auch Änderungen an derselben Datei zusammenführen . Wenn Sie und eine andere Person gleichzeitig in derselben Datei arbeiten, wenn Sie diese Dateien zurück in das Haupt-Repository verschieben, fügt das System beide Sätze von Änderungen zusammen, um eine neue und vollständig aktuelle Datei zu erstellen. Wenn während der Zusammenführung Konflikte auftreten, werden diese für Sie hervorgehoben.

Sie verwenden wahrscheinlich gerade ein sehr primitives VCS, um Ihre Dateien gerade zu halten. Wenn Sie ein Designer sind, sieht es in etwa so aus:

Designer Versionskontrolle - FAIL

Dies funktioniert gut genug für PSDs und andere große Binärdateien, die sich VCS nicht wirklich anbieten. Aber es gibt einen viel besseren Weg, es zu tun, wenn Sie den Quellcode für eine Website verwalten.

Vorteile für die Verwendung eines Versionskontrollsystems umfassen:

Dateien können nicht überschrieben werden
Es gibt ein gemeinsames Repository , das die neuesten Dateien enthält
Menschen können ohne Konflikte gleichzeitig an denselben Dateien arbeiten
Ermöglicht Ihnen, bei Bedarf zu einer älteren Version der Datei / des Projekts zurückzukehren
Machen Sie Ihre Entwickler sehr glücklich

Selbst wenn Sie nicht mit einem Team arbeiten, kann die Versionskontrolle ein Lebensretter sein . Das Sichern von Dateien ist eines der einfachsten Dinge, die Sie tun können, um sich vor Arbeitsverlust oder Neubeginn zu schützen.

Die Idee eines VCS scheint zunächst entmutigend, zumal der Großteil der Dokumentation von und für Entwickler geschrieben wurde . Aber sobald Sie den Schritt in Ihren Workflow integrieren, werden Sie feststellen, dass es nicht annähernd so schwer ist, wie es aussieht.

Treffen Git

OK, jetzt können Sie sehen, warum ein Versionskontrollsystem ein Muss für Ihr Webteam ist. Wenn Sie ein wenig googlen, werden Sie sehen, dass es einige Optionen gibt, einschließlich SVN, Mercurial, CVS, Bazaar und Git. Jeder von ihnen könnte eine gute Lösung für Ihre Bedürfnisse sein, und ich ermutige Sie, etwas zu recherchieren, bevor Sie ein VCS auswählen. In diesem Artikel werde ich mich auf Git konzentrieren , den ich täglich benutze. Es ist ein "aufsteigender Stern" , der dank einer starken Linux-Fangemeinde, GitHub und das Schienen Gemeinschaft.

Git ist ein kostenloses Open Source Versionskontrollsystem, das ursprünglich von Linus Torvalds für Linux Kernel-Entwicklung. Linus ist ein sehr schlauer Typ; Wenn er aufbricht, um ein Problem zu lösen, macht er nichts. Eines der großen Unterscheidungsmerkmale von Git ist, dass es im Gegensatz zu SVN und CVS ein verteiltes Versionskontrollsystem . Dies bedeutet, dass jeder Benutzer eine vollständige Kopie der Repository-Daten hat, die lokal auf seinem Rechner gespeichert sind. Was ist daran so toll? Ein paar Dinge:

Alles ist lokal , so dass Sie offline arbeiten können
Es gibt keinen einzigen Fehlerpunkt . Es ist nicht auf einen zentralen Server angewiesen, der abstürzen und brennen könnte, sondern das einzige Repository für Ihr Projekt.
Weil es nicht ständig mit einem zentralen Server kommunizieren muss, laufen Prozesse viel schneller

Git hat eine etwas härtere Lernkurve als SVN , aber der Kompromiss ist es wert. Denken Sie nur daran, wie beeindruckt Ihre Entwicklerfreunde sind, wenn Sie ihnen sagen, dass Sie die neue Schärfe von Git verwenden! Im Ernst, ich denke nicht, dass die Lernkurve so steil ist. SVN war am Anfang gleich verwirrend für mich, und ich stieß auf mehr alltägliche Probleme bei der Verwendung.

Installieren von Git macht nicht Spaß und Spiele. Ich hatte das Glück, einen sachkundigen Entwickler zu haben, der bereit ist zu helfen, aber es gibt viele Ressourcen online, um Sie durch zu helfen. Es läuft auf einer PC-, Mac- oder Linux-Box, obwohl die Installation für Linux und OSX wesentlich einfacher ist als für Windows.

Sie können die neueste Version von Git herunterladen Hier Sobald Sie die Dateien haben, versuchen Sie es Kurzanleitung um Sie mit dem Installationsprozess zu beginnen. Für Windows Benutzer, diese Schritt-für-Schritt visuelle Anleitung sollte hilfreich sein. Mac-Benutzer, probieren Sie diese Anleitung aus GitHub

Anfangen

Sobald Sie Git installiert haben, können Sie Ihr Repository erstellen . Verwenden Sie die folgenden Befehle in Ihrem Terminal- oder Eingabeaufforderungsfenster, um einen vorhandenen Ordner in ein Git-Repository umzuwandeln:

cd path/to/projectgit initgit add .git commit

Was du Git zu tun sagst ist:

Initialisiere dieses Verzeichnis
Fügen Sie alles hinzu - alle Dateien und Unterverzeichnisse
Übertragen oder speichern Sie alle aktuellen Änderungen im Repository

Wenn Sie die Befehlszeile hassen, können Sie dies auch über die GUI von Git tun. Es ist nicht das Schönste, was du jemals gesehen hast, aber es ist da, wenn du es brauchst.

Ein Screenshot der Git GUI

Ein Beispiel Git Workflow

Ich benutze Git derzeit auf einem Mac, um an einer Webanwendung mit mehreren Webentwicklern zu arbeiten. Wir haben eine "Master" -Version des Codes, an den wir unsere Dateien senden, und wir führen jeweils eine vollständige Kopie lokal aus. An jedem beliebigen Tag sieht mein Workflow so aus:

Feuer-Terminal . Starten Sie meine lokale mysql-Datenbank (die Anwendung, die wir erstellen, kann lokal auf meinem Computer ausgeführt werden).
Verwenden Sie Terminal, um die letzten Änderungen mithilfe des Befehls "git pull" auszuchecken. Das bringt mir alle Änderungen, die von anderen Teammitgliedern vorgenommen wurden, in unser Master-Repository.
Öffnen Sie das Projekt in TextMate und nehmen Sie meine Änderungen vor.
Übernehmen Sie Änderungen und fügen Sie meine Notizen hinzu . Dies verpflichtet sie nur lokal. Ich begehe häufig, wahrscheinlich zehn oder mehr Mal am Tag. Dies hilft mir, auf dem richtigen Weg zu bleiben.
Übertragen Sie meine Änderungen mit "git push" in das Master-Repository. Jetzt können andere Teammitglieder auschecken und meine Änderungen sehen. Sie sollten dies mindestens einmal am Tag oder nach jeder größeren Zugabe tun.

All diese Aktionen können einfach über das Terminalfenster ausgeführt werden , aber ich bin eine visuelle Art von Mädchen. Aus diesem Grund benutze ich GitX , ein Git-GUI für OSX , um meine Commits zu machen. Ich schiebe und schiebe immer noch durch das Terminal, aber GitX macht es mir leicht, meine Commits zu organisieren und meinen Kopf in das zu stecken, was ich mache.

Oben wird hervorgehoben, welche Änderungen an den Dateien vorgenommen wurden. In der unteren linken Liste befindet sich Ihre Liste der nicht gestarteten Änderungen . Um sie zu committen, ziehen Sie eine oder mehrere Dateien in den Bereich "Staged Changes" auf der rechten Seite, geben Sie Ihre Commit-Nachricht ein und klicken Sie auf Commit.

Wenn ich in die Baumansicht blicke, kann ich sehen, was in das Repository geschoben wurde. Wenn meine Dateien mit den Masterdateien nicht aktuell sind, sind die grünen und blauen Tags oben nicht synchron. GitNub bietet eine ähnliche Schnittstelle im Mac-Stil.

Es ist auch großartig TextMate-Paket verfügbar. Mit ihm können Sie Push, Pull, Commit und mehr ausführen, ohne TextMate zu verlassen. Es ist sehr effizient.

Erfahren Sie mehr

Git Spickzettel

Über: Zack Rusins Git Spickzettel

Ich bin immer noch ein Neuling, Git ich selbst, also habe ich nur an der Oberfläche, was Sie damit tun können, gekratzt, aber ich habe definitiv das Licht gesehen, wenn es um Versionskontrolle geht, und bin froh, dass ich endlich auf die Wagen.

Weitere Informationen zur Verwendung von Git finden Sie in den folgenden Ressourcen:

Von Mindy Wagner exklusiv für WDD geschrieben. Sie ist Webdesignerin bei Vget Labs und hat über 8 Jahre in Print und Webdesign gearbeitet. Sie hat einen Abschluss in Elektronischer Medienkunst und Kommunikation vom Rensselaer Polytechnic Institute.

Verwenden Sie Git oder andere Software zur Versionskontrolle? Bitte teilen Sie Ihre Erfahrung mit uns!

Software Git vcs Versionskontrollsystem