Git Graph est une extension VS Code qui dessine ton historique sous forme de graphe interactif : branches, commits, merges, tags. Tu vois en un coup d'oeil ce qu'il s'est passé, et tu peux faire la plupart des opérations Git depuis l'interface visuelle.
Installer Git Graph
L'ID de l'extension est mhutchie.git-graph. Installe-la depuis le panneau Extensions ou via le terminal :
Ouvrir le graphe
Deux façons d'ouvrir Git Graph :
- Depuis la barre de statut : en bas de VS Code, un bouton "Git Graph" apparaît après l'installation. Clique dessus.
- Depuis la Command Palette : ouvre-la avec Ctrl+Shift+P, tape "Git Graph: View Git Graph" et appuie sur Entrée.
Le graphe s'ouvre dans un panneau dédié. Chaque ligne est un commit, chaque couleur une branche différente.
Ce que tu vois
- Les commits : chaque point sur le graphe est un commit. La ligne de gauche indique la date, le message, l'auteur, et le hash court.
- Les branches : chaque branche est une couleur. Tu vois clairement où elles ont divergé et où elles ont été fusionnées.
- Les tags : affichés avec une étiquette jaune sur le commit correspondant.
- HEAD : marqueur violet qui indique où tu es actuellement dans l'historique.
Actions disponibles au clic droit
Un clic droit sur n'importe quel commit ouvre un menu contextuel avec les actions Git courantes :
- Checkout : se positionner sur ce commit (mode détaché) ou sur la branche.
- Create Branch : créer une nouvelle branche à partir de ce commit.
- Cherry Pick : appliquer ce commit sur la branche courante.
- Revert : créer un commit qui annule ce commit.
- Copy Commit Hash : copier le hash pour l'utiliser dans une commande terminal.
Comparer deux commits
Clique sur un commit, puis Ctrl+clic sur un autre : Git Graph affiche les fichiers qui ont changé entre les deux. C'est utile pour comprendre ce qu'une branche apporte avant de la fusionner.
À côté
Concepts-ponts
Pousser un commit sur GitHub n'est plus juste 'sauvegarder' : c'est aussi le declencheur du deploy continu et la source d'un graphe d'historique visualisable dans l'IDE.
