Learn

Git Graph : ton historique visualisé

Antigravity

L'extension qui affiche le graphe Git directement dans VS Code. Indispensable pour comprendre les branches.

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 :

shell
code --install-extension mhutchie.git-graph

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é

À côté · gitTravailler avec des branches
À côté · gitMerge ou rebase

Concepts-ponts

Concept-pont · Git push, GitHub, et deploiement automatique

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.

Coche les étapes pour débloquer la suite

Retour au cours