Ausführliche Erklärung, wie VSCode Git verwendet, um Quellcode visuell zu verwalten

Da die Funktionen und Plug-Ins von VSCode immer stärker und besser werden, ist es zu einem unverzichtbaren Partner in unserer täglichen Entwicklung geworden. Im folgenden Artikel erhalten Sie ein detailliertes Tutorial zur Verwendung von Git zur visuellen Verwaltung von Quellcode mit VSCode. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „vscode-Tutorial“

Einführung in VS Code:

Offizielle Download-Adresse:

https://code.visualstudio.com/

Visual Studio Code ist ein Lightweight Ein leichter und dennoch leistungsstarker Quellcode-Editor, der auf Ihrem Desktop ausgeführt wird und für Windows, macOS und Linux verfügbar ist. Es verfügt über integrierte Unterstützung für JavaScript, TypeScript und Node.js sowie ein umfangreiches Ökosystem an Erweiterungen für andere Sprachen (wie C++, C#, Java, Python, PHP, Go) und Laufzeiten (wie .NET und Einheit)-System. VS Code verfügt über eine integrierte Unterstützung für Git, und Sie können die grafische Oberfläche verwenden, um auf einfache Weise eine Versionskontrolle durchzuführen, z. B. temporären Speicher hinzuzufügen, Aktualisierungen zu übermitteln, Remote-Code abzurufen, Code an Remote-Code-Bibliotheken zu übertragen, Zusammenführungszweige zu erstellen und Dateiinhalte zu vergleichen Unterschiede usw. Routinebetrieb.

Umgebungsvorbereitung:

1. Zuerst müssen Sie Visual Studio Code jetzt installieren.

Download-Adresse: https://code.visualstudio.com/Download

Wählen Sie die entsprechende Plattform für die Installation (ich habe die Windows-Plattform selbst installiert):

2. Installation der Git-Umgebung:

Detailliertes Tutorial zur Git-Installation: https://blog.csdn.net/qq_43715354/article/details/108638061

Klonen Sie das Repository in GitHub:

1. Kopieren Sie die SSH-Linkadresse des GitHub-Repositorys:

2. Öffnen Sie VS Code, klicken Sie auf Klonen und fügen Sie die SSH-Linkadresse zum Herunterladen ein:

Zeigen Sie den aktuellen Zweig an:

1. Sehen Sie sich die Schnittstelle an:

2 der Befehl:

git branch -a

[*Wichtig] Vier Schritte der praktischen Arbeitsentwicklung (Hinzufügen, Heben, Ziehen, Schieben):

Zunächst müssen Sie verstehen, was die vier Schritte der vier Schritte sind und Was sind ihre Funktionen?

Tim: Füge den geänderten Inhalt zum lokalen Staging-Bereich git add hinzu.
Tipps: Senden Sie den Inhalt im lokalen Staging-Bereich an die lokale Codebasis git commit -m 'description'.
Pull: Die Synchronisierung, also das Abrufen von Inhalten aus der Remote-Codebasis, ist bei der kollaborativen Entwicklung mit mehreren Personen sehr wichtig, denn wenn sie nicht im Voraus synchronisiert und auf die neueste Version aktualisiert werden, können von anderen geänderte Inhalte überschrieben werden Konflikte nach dem Ziehen direkt verwenden VS-Code kann Konflikte mithilfe von Git Pull lösen.
Push: Schieben Sie den Inhalt im lokalen Code-Repository in das Remote-Code-Repository Git Push.

Temporären Speicherbereich hinzufügen:

Fügen Sie die Textdatei Information.txt hinzu und fügen Sie sie dem lokalen temporären Speicherbereich hinzu.

Senden Sie die lokale Codebasis:

Ziehen und synchronisieren Sie die neueste Remote-Codebasis:

Push zur Remote-Codebasis:

Überprüfen Ob der Push erfolgreich ist, sehen Sie sich den Inhalt des Warehouses in GitHub an:

Konfliktlösung:

Als nächstes simulieren wir selbst die Mehrpersonenentwicklung, zum Beispiel: Ich ändere den Inhalt der Textdatei Information.txt lokal und ändern Sie es dann in GitHub. Sobald dies geschieht, treten beim Senden lokal Konflikte auf. Anschließend können wir die intelligente Konfliktlösungsmethode von VS Code verwenden, um die Konflikte zu lösen.

Lokale Änderung:

Änderung in GitHub:

Nach der lokalen Übermittlung lautet die Konfliktaufforderung beim Ziehen wie folgt:

Zusammenführungskonflikte werden an die Remote-Codebasis übermittelt:

VS-Code Bietet vier intelligente Zusammenführungsmethoden, die uns Auswahlmöglichkeiten bieten und wir können Codekonflikte entsprechend der tatsächlichen Situation lösen. Natürlich können Sie es auch manuell löschen, um das Problem zu lösen, aber seien Sie vorsichtig, Sie könnten versehentlich den Code überschreiben, an dem Ihre Kollegen mehrere Tage lang hart gearbeitet haben. Hier habe ich die Methode [Änderungen beider Parteien beibehalten] gewählt den Konflikt lösen.

Perfekte Konfliktlösung:

Erstellen Sie einen Zweig und verschieben Sie ihn in die Remote-Code-Basis:

1. Wechseln Sie zur Quellcode-Verwaltungsansicht:

2. Wählen Sie den Hauptzweig aus Sie müssen einen Unterzweig erstellen:

Hinweis: Wir erstellen hier den Zweig „feature-20210218“ für den Zweig „develop“.

3. Schieben Sie den neuen Zweig in die Remote-Codebasis:

Nachdem die Entwicklung des Unterzweigs abgeschlossen ist, führen Sie ihn in den Hauptzweig ein:

Zunächst führen wir es mit 218 untergeordneten Elementen von Feature-20210 zusammen. Erstellen Sie einen Ordner und eine Textdatei im Zweig, führen Sie dann den Unterzweig feature-20210218 in den Entwicklungszweig „develope“ zusammen und senden Sie ihn an die Remote-Codebasis.

1. Erstellen Sie einen Ordner und eine Datei im Unterzweig „feature-20210218“:

2. Verwenden Sie das vierstufige Entwicklungs-Tutorial (Hinzufügen, Erwähnen, Ziehen, Pushen), um den neu hinzugefügten Inhalt zu pushen Remote-Codebasis:

Wechseln Sie zum Zweig „feature-20210218“:

Überprüfen Sie, ob die Datei erfolgreich übermittelt wurde:

3. Führen Sie den Unterzweig „feature-20210218“ zusammen entwickeln Entwicklungszweig:

a. Wechseln Sie zunächst zum Entwicklungszweig:

b. Wählen Sie den Zweig aus, der zusammengeführt werden muss:

c. Drücken Sie auf Öffnen Sie das Remote-Warehouse und prüfen Sie, ob es zusammengeführt ist. Erfolg:

VS Code Git-Commit-Änderungsverlaufsansicht (nur zum Ablegen der Schuld):

Erfordert die Installation der Erweiterung

Git History

.

Sehen Sie sich den Änderungsverlauf der entsprechenden Datei an:

Sehen Sie sich die Zeitleiste der Dateiänderung an und vergleichen Sie den Inhalt der Dateiänderung:

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie VSCode Git verwendet, um Quellcode visuell zu verwalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!