So arbeiten Sie mit Git in Visual Studio und Visual Studio Code: Ein vollständiger, aktualisierter Leitfaden

Wenn Sie Entwickler sind oder einfach nur daran interessiert sind, effizient mit Ihren Code-Projekten zu arbeiten, haben Sie sicherlich schon davon gehört Git und seine Integration in die beliebtesten Editoren, wie zum Beispiel Visual Studio y Visual Studio Code. Die Versionskontrolle hat sich von einer Option zu einer echten Notwendigkeit für jedes Entwicklungsteam entwickelt. Aber wissen Sie wirklich, wie weit Sie kommen, wenn Sie Ihre Repositories, Zweige und Kollaborationen direkt im Editor verwalten? In diesem Artikel erklären wir Ihnen von Grund auf und im Detail, wie Sie das Beste aus Git innerhalb der Visual Studio-Familie herausholen, egal ob Sie in Windows wie in anderen Systemen, allein oder im Team arbeiten.

Schauen wir uns genauer an, wie Erstellen, Klonen und Verwalten von Repositories, wie man die wichtigsten externen Repository-Anbieter (GitHub, Azure DevOps, GitLab) integriert, wie man Konflikte löst, Git-Optionen in der IDE anpasst und eine gute Handvoll Tricks damit Ihr Workflow agil, sicher und auf Sie zugeschnitten ist. Egal, ob Sie neu in diesen Umgebungen sind oder schon seit Jahren dabei sind, hier finden Sie einen umfassenden, aktuellen Leitfaden voller praktischer Schritt-für-Schritt-Ratschläge in einfacher Sprache.

Warum das in Visual Studio und Visual Studio Code integrierte Git verwenden?

Das Versionskontrollsystem Git ist heute der De-facto-Standard für die Aufrechterhaltung einer sichere, koordinierte und effiziente Geschichte jedes Entwicklungsprojekts, ob individuell oder gemeinschaftlich. Das Beste von allem ist, dass Visual Studio (sowohl in seinen Editionen als auch in Visual Studio Code, seinem "kleinen Bruder" und leichter) hat eine sehr leistungsstarke native Git-Integration, wodurch Sie die Linie von völlig vergessen können Befehle wenn Sie es vorziehen.

Wenn Sie in diesen Umgebungen mit Git arbeiten, können Sie:

• Neue Repositorys erstellen, sowohl lokal als auch remote, mit ein paar Klicks.
• Vorhandene Projekte klonen von GitHub, GitLab, Azure DevOps oder einem anderen unterstützten Anbieter.
• Branches verwalten, Änderungen committen und synchronisieren ohne den Editor zu verlassen.
• Konflikte visuell lösen und einfach, ohne sich in seltsamen Befehlen zu verlieren.
• Konfigurieren und personalisieren Sie Ihr Erlebnis optimal mit Git entsprechend Ihren Anforderungen.

Visual Studio Es zeichnet sich dadurch aus, dass es eines der vollständigere und visuellere Schnittstellen zur Handhabung von Git, speziell optimiert für die Arbeit mit Repositories auf GitHub und Azure DevOps. Für seinen Teil, Visual Studio Code Es ist ideal, wenn Sie nach etwas Leichtgewichtigem und Plattformübergreifendem suchen, mit Dutzenden von Erweiterungen, die die nativen Möglichkeiten erweitern.

Erste Schritte: Voraussetzungen und Installation

Bevor Sie mit der Arbeit mit Git beginnen, stellen Sie sicher, dass Sie über Folgendes verfügen:

• Git ist auf Ihrem System installiert. Sie können die Version für Ihr Betriebssystem herunterladen von git-scm.com. Normalerweise erkennt Visual Studio ihn automatisch, in manchen Fällen müssen Sie den Pfad jedoch manuell angeben.
• Visual Studio oder Visual Studio Code installiert. Die Git-Integration ist in den neuesten Versionen beider Editoren enthalten.
• (Optional) Ein Konto bei GitHub, GitLab oder Azure DevOps wenn Sie mit Remote-Repositorys arbeiten möchten. Für ein lokales Repository ist dies nicht unbedingt erforderlich, aber es wird dringend empfohlen, wenn Sie Synchronisierung und Zusammenarbeit nutzen möchten.

Sobald alles installiert ist, können Sie Git direkt vom Editor aus in Ihren Projekten verwenden. Wir beschreiben die Schritte im Detail in den folgenden Abschnitten.

Erstellen und Klonen von Repositorys in Visual Studio

Visual Studio macht es Ihnen sehr einfach, ein neues Repository von Grund auf erstellen oder klonen Sie ein vorhandenes. Als erstes müssen Sie entscheiden, ob Sie arbeiten möchten örtlich (in Ihrem Team) oder entfernt (Cloud-Repositorys, ob GitHub, GitLab oder Azure DevOps).

So erstellen Sie ein neues Repository aus Visual Studio

1. Öffnen Sie Visual Studio und wählen Sie Erstellen Sie ein neues Projekt.
2. Gehen Sie zum Menü Git und wähle Git-Repository erstellen.
3. Es öffnet sich ein Dialogfeld, in dem Sie Folgendes auswählen können:
   • GitHub als Remote-Ziel (das Übliche, insbesondere in Visual Studio 2022 und höher).
   • Azure-DevOps wenn Sie in Geschäftsumgebungen arbeiten.
   • Nur lokal wenn Sie das Repository ausschließlich auf Ihrem Computer behalten möchten.
4. Sie können den Namen und die Sichtbarkeit (öffentlich, privat oder intern) festlegen und eine Vorlage auswählen. .gitignore um das Hochladen unerwünschter Dateien zu vermeiden.
5. Klicken Sie auf Erstellen und pushen um das Repository zu erstellen und das Projekt ggf. in die Cloud hochzuladen.

In modernen Versionen von Visual Studio ist der Prozess zum Erstellen von Repositories in nahezu identisch GitHub oder Azure DevOps. Der Assistent wird Schritt für Schritt Anleitung und ermöglicht Ihnen, sich bei Ihrem Konto anzumelden, falls Sie dies noch nicht getan haben.

Klonen Sie ein externes Repository auf Ihrem Computer

Um mit einem Projekt zu arbeiten, das bereits auf GitHub, GitLab oder einem anderen Anbieter existiert, benötigen Sie nur die Repository-URL:

1. Öffnen Sie Visual Studio und wählen Sie Repository klonen aus dem Git-Menü.
2. Fügen Sie die Projekt-URL ein (Sie können sie in die Zwischenablage von der Website des Repositorys, wo der Button erscheint Code o Clone).
3. Wählen Sie den Ordner auf Ihrem Computer, in dem Sie die lokale Kopie speichern möchten.
4. Visual Studio lädt den gesamten Inhalt herunter und öffnet ihn direkt. Es lädt die Hauptlösung, wenn es diese erkennt (.sln).

Sie können auch vorhandene lokale Repositories öffnen oder bequem über das Git-Menü zwischen ihnen wechseln.

Arbeiten mit Repositorys in Visual Studio Code

Wenn Sie es vorziehen Visual Studio Code, der Vorgang ist sehr ähnlich, obwohl die Benutzeroberfläche etwas minimalistischer ist.

Erstellen Sie ein neues Repository mit Visual Studio Code

Sie können ein Repository direkt aus dem Editor starten oder mithilfe des Terminal integriert:

1. Öffnen Sie den Projektordner in VS Code.
2. Gehe auf die Registerkarte Quellcodeverwaltung (Gabelsymbol) in der linken Seitenleiste.
3. Klicken Sie auf Repository starten. Es wird ein Ordner erstellt .git in Ihrem Projekt.
4. Sie können überprüfen, ob es korrekt erstellt wurde, indem Sie ls -la im Terminal, um das versteckte Verzeichnis anzuzeigen .git.

Klonen von Repositorys in Visual Studio Code

1. Option auswählen Repository klonen (entweder über die Seitenleiste oder über Ctrl + Shift + P und geben Sie „Git: Clone“ ein).
2. Fügen Sie die URL Ihres GitHub, GitLab, Azure DevOps oder eines anderen Remote-Repositorys ein.
3. Wählen Sie das lokale Verzeichnis, in das Sie den Inhalt klonen möchten.
4. VS Code fragt Sie, ob Sie den geklonten Ordner direkt öffnen möchten.

Auf diese Weise können Sie innerhalb von Sekunden mit jedem öffentlichen oder privaten Projekt beginnen, auf das Sie Zugriff haben.

Verwalten von Dateien und Änderungen: Der grundlegende Git-Zyklus

Bei der Arbeit mit Git ist der grundlegende Ablauf folgender: Dateien hinzufügen, ändern oder löschen, erfassen Sie Änderungen in einem verpflichten und schließlich drücken diese Änderungen am Remote-Repository, falls vorhanden. Sowohl Visual Studio als auch VS Code vereinfachen und visualisieren diesen Zyklus, sodass Sie sich keine Befehle merken müssen.

Dateikategorien in Git

• Nicht verfolgte Dateien (U): Sie wurden dem Repository-Ordner hinzugefügt, werden aber noch nicht von Git gesteuert. Sie erscheinen normalerweise mit einem Buchstaben U oder irgendwo in der Benutzeroberfläche hervorgehoben.
• Neue Dateien (A): Zum Staging-Bereich hinzugefügt, bereit zur Bestätigung.
• Geänderte Dateien (M): Sie sind bereits im Repository vorhanden und wurden geändert.

In den Quellcode-Kontrollfeldern können Sie auswählen, welche Dateien zum nächsten Commit hinzugefügt werden sollen, Unterschiede (Diffs) zwischen den Versionen anzeigen und Änderungen bei Bedarf rückgängig machen.

So führen Sie Commit- und Push-Vorgänge aus Visual Studio durch

1. Nehmen Sie die gewünschten Änderungen an den Dateien vor.
2. Öffne das Fenster Git-Änderungen aus dem Seiten- oder oberen Menü.
3. Wählen Sie mit der Schaltfläche „+“ oder per Rechtsklick die Dateien aus, die Sie dem Commit hinzufügen möchten.
4. Schreiben Sie eine beschreibende Nachricht für das Commit.
5. Klicken Sie auf Bestätigen lokal speichern.
6. Wenn Sie mehrere Commits haben oder Ihre Änderungen mit dem Remote-Repository synchronisieren möchten, drücken Sie Drücken o Synchronisieren.

In VS Code ist der Prozess sehr ähnlich wie im Abschnitt Quellcodeverwaltung. Sie können Verknüpfungen verwenden wie Strg + Enter zum schnellen Bestätigen oder Drücken der Symbole für „Stage“, „Commit“ und „Push“.

Visuelle Indikatoren in Visual Studio Code

VS Code verwendet visuelle Hinweise im Coderand, um den Status von Zeilen anzuzeigen:

• Blaue Balken: Zeilen, die seit dem letzten Commit geändert wurden.
• Grüne Balken: Zeilen hinzugefügt.
• Rote Dreiecke oder Markierungen: Zeilen gelöscht.

Darüber hinaus können Sie auf jede geänderte Datei doppelklicken, um eine Diff-Ansicht Vergleichen der aktuellen und der vorherigen Version.

Filialverwaltung und kollaborativer Workflow

Einer der größten Vorteile von Git ist seine leistungsstarkes Verzweigungssystem, wodurch Sie an verschiedenen Entwicklungslinien arbeiten können, ohne die Änderungen zu beeinträchtigen. Sowohl Visual Studio als auch VS Code bieten einfache Möglichkeiten zum Erstellen, Wechseln und Verwalten von Zweigen.

Erstellen und Wechseln von Zweigen in Visual Studio

• Aus dem Fenster von Git-Änderungen oder Git-Repository Sie können Ihren aktuellen Zweig sehen und zwischen vorhandenen Zweigen wechseln.
• Um einen neuen Zweig zu erstellen, geben Sie einfach den Namen ein, wählen Sie den Zweig aus, auf dem er basieren soll, und wählen Sie die Option zum automatischen Wechseln. Der entsprechende Befehl wäre git checkout -b nombre-rama.
• Sie können Ihren Zweig auf jedem anderen Zweig (lokal oder remote) basieren und den Verlauf von der Zweigansicht aus verwalten.

Visual Studio zeigt den aktiven Zweig sowohl oben im Fenster als auch in der Statusleiste an.

Branchverwaltung in Visual Studio Code

Unten links im Editor sehen Sie den Namen des Zweigs, an dem Sie arbeiten. Wenn Sie dort klicken, können Sie:

• Wechseln Sie zu einer anderen Filiale.
• Erstellen Sie einen neuen Zweig.
• Löschen, umbenennen oder zusammenführen lokaler Zweige.

Dies alles geschieht über Kontextmenüs und auf visuelle Weise.

Synchronisierung, Zusammenarbeit und Merge Requests

Die Arbeit mit Remote-Repositories beinhaltet die Synchronisierung Ihrer lokalen Kopie mit der "offiziellen" Version und oft auch die Zusammenarbeit im Team durch Pull-Anfragen o Anforderungen zusammenführen, so der Lieferant.

Push- und Pull-Änderungen

• Wenn Sie eine machen verpflichten, Änderungen werden nur in Ihrem lokalen Repository gespeichert. Man muss drücken um sie auf die Fernbedienung zu übertragen.
• Um Ihr Repository mit Änderungen von anderen Peers zu aktualisieren, verwenden Sie ziehen (die neuen Commits herunterladen und anwenden) oder holen (einfach herunterladen, ohne sie anzuwenden).
• Visual Studio und VS Code enthalten dedizierte Schaltflächen für diese Aktionen, was die Synchronisierung erheblich vereinfacht.

Merge Requests und Pull Requests

• Auf Plattformen wie GitLab oder GitHub werden größere Änderungen mithilfe eines Zusammenführungsanforderung o Anfrage ziehen.
• Sie können nach dem Pushen direkt auf der Website des Anbieters einen MR erstellen und dabei die Quell- und Zielzweige, den Titel, die Prüfer und eine Beschreibung der Änderungen angeben.
• Mit Visual Studio und VS Code können Sie diese Anfragen initiieren und ihren Status verfolgen. Einige erweiterte Vorgänge (wie das Zuweisen von Prüfern oder das Zusammenführen) lassen sich jedoch häufig am besten über die Weboberfläche ausführen.

Tools zur Konfliktlösung und zum Vergleichen

In jedem kollaborativen Arbeitsablauf kommt es häufig vor, Fusionskonflikte. Sie treten auf, wenn zwei Entwickler dieselben Zeilen ändern und Git sich nicht entscheiden kann, welche es verwenden soll. Sowohl Visual Studio als auch VS Code machen es äußerst einfach, diese Konflikte zu erkennen und zu lösen.

So erkennen und lösen Sie Konflikte in Visual Studio

• Wenn ein Konflikt auftritt, Visual Studio zeigt dies deutlich an im Git-Repository-Fenster und im Abschnitt „Änderungen“.
• Wenn Sie die Datei öffnen, die den Konflikt verursacht, sehen Sie Tags wie <<<<<<< HEAD ... ======= ... >>>>>>> rama, aber Visual Studio zeigt oben eine goldene Informationsleiste an, über die Sie auf die visueller Fusion-Editor.
• Dieser Herausgeber ist dreidimensional: Sie können aktuelle Änderungen, eingehende Änderungen und das endgültige Zusammenführungsergebnis vergleichen und einfach auswählen, welche Änderungen beibehalten werden sollen.
• Wenn Sie fertig sind, bestätigen Sie einfach das Ergebnis, um die Lösung abzuschließen.

Visual Studio Code ist zwar standardmäßig einfacher aufgebaut, ermöglicht aber auch die visuelle Konfliktlösung und kann seine Möglichkeiten durch Erweiterungen erweitern.

Erweiterte Git-Konfiguration und -Anpassung in Visual Studio

Wenn Sie die Versionskontrolle auf die nächste Ebene bringen möchten, können Sie mit Visual Studio und VS Code Git-Parameter anpassen zur Anpassung an Ihren Arbeitsablauf und Ihre spezifischen Anforderungen.

Wichtigste Konfigurationsmöglichkeiten

• Name und E-Mail: Sie können sie global oder pro Projekt im Git-Einstellungsmenü festlegen und sie werden in jedem Commit angezeigt.
• Verwalten von Remote-Zweigstellen: Es wird empfohlen, die Option zum Löschen veralteter Remote-Zweige beim Abrufen aktiviert zu lassen (fetch.prune (in Wahr).
• Zusammenführungsrichtlinie (Rebase/Kombinieren): Sie können wählen, ob Zweige mithilfe der herkömmlichen Zusammenführung oder Rebase zusammengeführt werden, sowohl global als auch pro Repository.
• Anbieter des kryptografischen Netzwerks: Sie können zwischen OpenSSL und dem Windows Secure Channel (SChannel) wählen, um Zertifikate und sichere Verbindungen zu verwalten.
• Anmeldeinformations-Manager: Sie können zwischen GCM für Windows und GCM Core wählen oder die Standardeinstellungen belassen.
• Tools zum Vergleichen und Zusammenführen: Sie können Visual Studio als Standardvergleicher/-zusammenführer verwenden oder einen externen definieren.
• .gitignore und gitattributes: Beide Dateien können über die erweiterten Optionen einfach bearbeitet werden, um zu steuern, welche Dateien hochgeladen werden und wie bestimmte Attribute behandelt werden.

Visual Studio bietet auch spezifische Konfigurationen wie:

• Standardspeicherort geklonter Repositories.
• Optionen zum Schließen offener Lösungen beim Öffnen eines anderen Repositorys.
• Automatisches Laden der Lösung wenn es nur eines im Repository gibt.
• Automatische Zweigextraktion zulassen mit Doppelklick.
• Autorenbilder herunterladen von Gravatar (um Fotos im Verlauf anzuzeigen).
• Push zulassen mit –force-with-leas um Änderungen sicher zu überschreiben.