Formation Git en vidéo
👆 Cliquez sur l'image pour découvrir la formation en vidéo

Vérifier les différences

Est-il possible dans Git d’afficher les différences ?

Oui, c’est possible.

Commande pour afficher les différences

Pour afficher les différences, il faut utiliser la commande qui suit.

git diff

Tester git diff

Faisons des tests.

Ajouter du contenu

Dans notre fichier server.js ajoutons une autre ligne.

// server.js
let nomDuServeur = "server_1";
console.log("Le nom du serveur est " + nomDuServeur);
let port = 8888;

Nous avons ajouté let port = 8888;.

Maintenant, tapons la commande suivante et observons ce qui se passe.

git diff
diff --git a/server.js b/server.js
index 5c3bb65..799062b 100644
--- a/server.js
+++ b/server.js
@@ -1,2 +1,3 @@
 let nomDuServeur = "server_1";
 console.log("Le nom du serveur est " + nomDuServeur);
+let port = 8888;

Les informations affichées nous montrent les différences entre le dernier commit et les modifications que nous avons produites sans avoir enregistré une nouvelle version.

Ajouter et supprimer du contenu

Nous allons encore faire des modifications. Nous allons ajouter une ligne de code et en supprimer une autre toujours dans le fichier server.js.

// server.js
let nomDuServeur = "server_1";
let port = 8888;
let url = "ma-calculatrice.com";

Après cela, tapez ce qui suit.

git diff
diff --git a/server.js b/server.js
index 5c3bb65..6bc2418 100644
--- a/server.js
+++ b/server.js
@@ -1,2 +1,3 @@
 let nomDuServeur = "server_1";
-console.log("Le nom du serveur est " + nomDuServeur);
+let port = 8888;
+let url = "ma-calculatrice.com";

Pareillement, on nous montre les différences. Notez qu’il y a des couleurs pour nous y retrouver.

Modifier deux fichiers

Modifions le fichier server.js et index.js.

// server.js
let nomDuServeur = "server_1";
let nomDuServeurAdditionnel = "server_2";
// index.js
console.log("Salut, tout le monde");
console.log("Hi, everyone");
console.log("Oi, pessoal");

Vérifiez les différences.

git diff
diff --git a/index.js b/index.js
index 566af8c..fc3299b 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,3 @@
 console.log("Salut, tout le monde");
+console.log("Hi, everyone");
+console.log("Oi, pessoal");
\ No newline at end of file
diff --git a/server.js b/server.js
index 5c3bb65..e9151a0 100644
--- a/server.js
+++ b/server.js
@@ -1,2 +1,2 @@
 let nomDuServeur = "server_1";
-console.log("Le nom du serveur est " + nomDuServeur);
+let nomDuServeurAdditionnel = "server_2";

Et voilà 🙂 ! La commande fonctionne et affiche les différences pour les deux fichiers.

ℹ️ Rappelez-vous que la différence est faite par rapport au dernier commit et non par rapport aux différents changements que nous avons précédemment apportés. En effet, après ces changements, nous n’avons pas fait de commit.

Nous sommes satisfaits du résultat, nous pouvons commiter 😄.

git commit -am "Plusieurs modifications"
Ajouter une autre version à l'historique Git

Tester git diff + commit

Que se passe-t-il si nous ajoutons un numéro de commit derrière la commande.

Très simple 😏 ! Au lieu de comparer notre projet avec le dernier commit, elle le comparera avec le commit indiqué.

Voyons cela ensemble et choississons le commit 6210603.

git diff 6210603
diff --git a/index.js b/index.js
index 566af8c..fc3299b 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,3 @@
 console.log("Salut, tout le monde");
+console.log("Hi, everyone");
+console.log("Oi, pessoal");
\ No newline at end of file
diff --git a/server.js b/server.js
index 5c3bb65..e9151a0 100644
--- a/server.js
+++ b/server.js
@@ -1,2 +1,2 @@
 let nomDuServeur = "server_1";
-console.log("Le nom du serveur est " + nomDuServeur);
+let nomDuServeurAdditionnel = "server_2";

Tester git diff + commit vs commit

La dernière chose à connaître avec cette commande, c’est la comparaison entre deux commits.

Pour atteindre cet objectif, nous allons utiliser la commande suivante.

git diff <commit> <commit>

Essayons !

git diff e63ba38 ce7aad1
diff --git a/names.js b/names.js
index 1f5fd3e..289eefa 100644
--- a/names.js
+++ b/names.js
@@ -1,5 +1,3 @@
 // Fichier names.js
 var name1 = "Henrique";
-var name2 = "Mélanie";
-var name3 = "Sabrina";
-console.log(name1 + " - " + name2 + " - " + name3);
\ No newline at end of file
+var name2 = "Mélanie";
\ No newline at end of file

Ça fonctionne aussi 😃 !

Comparer deux commits grâce à git diff