Explication détaillée de la façon dont VSCode utilise Git pour gérer visuellement le code source

Au fur et à mesure que les fonctions et plug-ins de VSCode continuent de se renforcer et de s'améliorer, il est devenu un partenaire indispensable dans notre développement quotidien. L'article suivant partagera avec vous un didacticiel détaillé sur l'utilisation de Git pour gérer visuellement le code source avec VSCode. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Recommandations associées : "Tutoriel vscode"

Introduction au VS Code :

Téléchargement du site officiel adresse :

https://code.visualstudio.com/

　Visual Studio Code est un éditeur de code source léger mais puissant qui peut s'exécuter sur votre bureau et est disponible pour Windows, macOS et Linux. Il prend en charge JavaScript, TypeScript et Node.js, ainsi qu'un riche écosystème d'extensions pour d'autres langages (tels que C++, C#, Java, Python, PHP, Go) et des environnements d'exécution (tels que .NET et Unité). VS Code prend en charge Git et vous pouvez utiliser l'interface graphique pour effectuer facilement un contrôle de version, comme l'ajout d'un stockage temporaire, la soumission de mises à jour, l'extraction de code distant, l'envoi de code vers des bibliothèques de code distantes, la création de branches de fusion, la comparaison du contenu des fichiers. différences, etc. Opération de routine.

Préparation de l'environnement :

1. Tout d'abord, vous devez installer Visual Studio Code maintenant.

Adresse de téléchargement : https://code.visualstudio.com/Download

Sélectionnez la plateforme correspondante à installer (j'ai installé moi-même la plateforme Windows) :

2. Installation de l'environnement Git :

Tutoriel détaillé d'installation de Git : https://blog.csdn.net/qq_43715354/article/ détails /108638061

Clonez le référentiel dans GitHub :

1 Copiez l'adresse du lien SSH du référentiel GitHub :

2. VS Code, cliquez sur Cloner et collez l'adresse du lien SSH pour télécharger :

Afficher la branche actuelle :

1. 🎜>

2. Basculez vers le terminal et affichez la commande :

git branch -a

[*Important] Quatre étapes au développement du travail pratique (Tian, ​​​​​​Lift, Pull, Push):

Tout d'abord, nous devons comprendre quelles sont les quatre étapes de la Tétralogie et quelles sont leurs fonctions ?

Ajouter : ajoutez le contenu modifié à la zone de transit locale git add.

Conseils : soumettez le contenu de la zone de préparation locale à la base de code locale git commit -m 'description'.

Pull : la synchronisation, qui consiste à extraire le contenu de la base de code distante, est très importante dans le développement collaboratif multi-personnes, car si elle n'est pas synchronisée et mise à jour avec la dernière version à l'avance, elle peut écraser les éléments modifiés par d'autres, et si il y a un conflit après l'extraction. Utilisez VS Code directement pour résoudre les conflits et git pull.
Push : poussez le contenu du référentiel de code local vers le référentiel de code distant git push.

Ajouter une zone de stockage temporaire :

Ajoutez le fichier texte Information.txt et ajoutez-le à la zone de stockage temporaire locale.

Soumettre la base de code locale :

Tirez la dernière base de code distant synchronisé :

Appuyez sur la base de code distant :

Pour vérifier si le push réussit, vérifiez le contenu de l'entrepôt dans GitHub :

Résolution des conflits :

Ensuite, simulons le multijoueur développement nous-mêmes. Par exemple : je modifie le contenu du fichier texte Information.txt localement, puis je le modifie une fois dans GitHub. Cela provoquera des conflits localement lors de la soumission. Nous pourrons ensuite utiliser la méthode intelligente de résolution des conflits de VS Code pour nous aider à résoudre le problème. conflits.

Modification locale :

Modification dans GitHub :

Après la soumission locale, un conflit est déclenché lors de l'extraction Comme suit :

Soumettez les conflits de fusion à la base de code distant :

VS Code propose quatre méthodes de fusion intelligentes parmi lesquelles nous pouvons choisir. résolution réelle des conflits de code. Bien sûr, vous pouvez également le supprimer manuellement pour résoudre le problème, mais soyez prudent. Vous pourriez accidentellement écraser le code que vos collègues ont travaillé dur pour écrire pendant plusieurs jours. Ici, j'ai choisi la méthode de [conserver les modifications des deux parties] pour. résoudre le conflit.

Conflit parfaitement résolu :

Créez une branche et poussez vers la base de code distante :

1 . Passez à la vue de gestion du code source :

2. Sélectionnez la branche principale où vous devez créer une sous-branche :

Remarque : Nous créons ici une fonctionnalité pour la branche de développement 20210218.

3. Poussez la nouvelle branche vers la base de code distant :

Une fois le développement de la sous-branche terminé, elle est fusionnée dans la branche principale :

Nous créons d'abord un dossier et un dossier dans le fichier texte de la sous-branche feature-20210218, puis fusionnez la sous-branche feature-20210218 dans la branche de développement develop et soumettez-la à la base de code distante.

1. Créez un dossier et un fichier dans la sous-branche feature-20210218 :

2. Utilisez le travail réel pour développer quatre étapes. (Ajouter, mentionner, tirer, pousser) Tutoriel Pousser le contenu nouvellement ajouté vers la base de code distant :

Passer à la branche feature-20210218 :

Vérifiez si le fichier a été soumis avec succès :

3. Fusionnez le sous-fonctionnalité-20210218 branchez-vous dans la branche de développement de développement :

a. Commencez par passer à la branche de développement :

b. branche qui doit être fusionnée :

c. l'entrepôt distant et vérifiez si la fusion a réussi :

Vue de l'historique des modifications de soumission de VS Code Git (pour le dumping) :

Installation requiseHistorique GitDéveloppez.

Afficher l'historique des modifications du fichier correspondant :

Consultez la chronologie de modification du fichier et comparez le contenu de la modification du fichier :

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!