Tutoriel Git CLI – Les bases

Vous apprendrez dans ce tutoriel Git CLI à vous servir de git en ligne de commande

Tutoriel Git CLI

Prérequis – Tutoriel Git CLI

Pour utiliser Git en ligne de commande, vous devez tout d’abord l’installer : https://git-scm.com/downloads

Une fois installé, vous pouvez l’ouvrir via le fichier exécutable : Git Bash
Lorsque le fichier s’est exécuté, vous vous retrouverez sur une fenêtre de ce style

Tutoriel-Git-Cli-Accueil-Développeur-Web-Junior-Toulouse
Accueil Git CLI – Développeur Web Junior Toulouse

Configurer Git CLI

Il existe deux manières de configurer Git CLI, en ligne de commande ou depuis le fichier de config.

Fichier de config

Pour accéder au fichier de config :

vim ./.gitconfig
Tutoriel-Git-Cli-Config-Développeur-Web-Junior-Toulouse
Config Git CLI -Développeur Web Junior Toulouse
KeyDescriptionValue
Name Nom apparaissant sur vos commitString
Email Email apparaissant sur vos commitString
Diff Choix de la couleur des différences. (Visualiser ce qui a été modifié mais pas encore indexé)Auto, color, color bold, color reverse
Status Choix de la couleur du status. (Visualiser ce qui a été modifié mais pas encore indexé)Auto, color, color bold, color reverse
Branch Choix de la couleur des branches. (Visualiser ce qui a été modifié mais pas encore indexé)Auto, color, color bold, color reverse

Pour que toute l’interface soit en auto, il vous suffit de rajouter ces lignes dans le fichier de config :

[color]
  ui = auto

Un exemple de configuration :

 [color]
    ui = auto
  [color "branch"]
    current = yellow reverse
    local = yellow
    remote = green
  [color "diff"]
    meta = yellow bold
    frag = magenta bold
    old = red bold
    new = green bold
  [color "status"]
    added = yellow
    changed = green
    untracked = cyan

En ligne de commande

git config --global color.ui auto

Créer un nouveau repository

Tout d’abord nous allons créer un dossier pour notre tutoriel Git

Tutoriel-GitHub-CLI-Create-Directory-Développeur-Web-Junior-Toulouse
Création d’un dossier – Développeur Web Junior Toulouse
mkdir Créer un dossier
cd Permet de se déplacer dans les dossiers
Documentation Ubuntu : https://doc.ubuntu-fr.org/tutoriel/console_ligne_de_commande

Une fois le dossier créé, nous allons initialiser un fichier .git dans le dossier avec la commande

git init
Git init Crée un dépôt Git vide ou réinitialise un dépôt existant
Documentation : https://git-scm.com/docs/git-init/fr
Tutoriel-GitHub-Cli-Init-Développeur-Web-Junior-Toulouse
Git Cli Init – Développeur Web Junior Toulouse

Votre projet Git est crée localement sur votre ordinateur.
Pour le “push” sur Git vous aller devoir créer un commit, chose que nous allons voir plus loin dans le tutoriel.

Cloner un repository

Si à l’inverse, vous possédez déjà un repository sur Git, ou bien vous souhaitez récupérer le projet de quelqu’un sur Git, il faut le cloner.

⚠ Si vous avez fait un Git init dans le dossier, vous devez supprimer le fichier .git avec cette commande pour cloner le nouveau repos

rm -rf .git
Rm -rf <fichier>Supprime le fichier renseigné
-r : Se lance dans le répertoire courant
-f : Force la suppression
Article sympathique sur la suppression : https://www.linformaticien.com/actualites/id/40228/commande-rm-rf-un-hebergeur-supprime-le-contenu-de-plus-de-1530-sites.aspx
Git-Cli-Rm-Développeur-Web-Junior-Toulouse
Git Cli Rm -Développeur Web Junior Toulouse

Pour cloner le repository, il vous suffit d’aller sur la page Git du projet.
Pour ce tutoriel nous allons utiliser un projet d’API NodeJS.
Vous retrouverez l’URL pour cloner le projet ici :

https://github.com/AlexFenoul/api-node.git
Git-Clone-Développeur-Web-Junior-Toulouse

Une fois l’adresse récupérée, il faut cloner le repository dans votre dossier local avec la commande

Git clone https://github.com/AlexFenoul/api-node.git
Git clone <URL>Clone le repository ciblé par l’URL
Documentation : https://git-scm.com/docs/git-clone/fr
Git-Cli-Clone-Développeur-Web-Junior-Toulouse
Git Clone CLI – Développeur Web Junior Toulouse

Bravo ! Vous avez récupéré votre premier projet sur Git
Vous pouvez dorénavant vérifier ce que vous venez de récupérer

Git-Cli-Clone-Success-Développeur-Web-Junior-Toulouse
Git Clone Success Cli -Développeur Web Junior Toulouse

Faire un commit

Avant de faire un commit, vérifiez que vous êtes bien à jour par rapport à la branche en ligne avec la commande

Git status
Git status Montre le statut de l’arbre de travail
Documentation : https://git-scm.com/docs/git-status/fr
Git-Cli-Status-Développeur-Web-Junior-Toulouse
Git Status Cli -Développeur Web Junior Toulouse

Lorsque vous avez modifié/créé/supprimé des fichiers dans votre dossier, Git status vous affichera les dossiers locaux qui ne sont pas indexés pour le prochain commit.

Créons un fichier index.js

touch <nom du fichier>Créer un fichier s’il n’existe pas,
modifie la date de modification autrement
> <nom du fichier>Créer un fichier
Documentation : https://linuxpedia.fr/doku.php/commande/touch

Maintenant que le fichier est créé, faisons un Git status pour vérifier

Git-Cli-Status-Add-Développeur-Web-Junior-Toulouse
Git Status après la création d’un fichier – Développeur Web Junior Toulouse

Vous pouvez observer que le fichier index.js apparaît en tant que “Untracked files”. Le fichier ne sera pas poussé sur le serveur s’il n’est pas ajouté au commit.
Nous allons du coup l’ajouter.

Nous utiliserons la commande Git add

git add .
Git add <nom du fichier>Permet d’ajouter au commit
le fichier renseigné
Git add .. : Permet d’ajouter tout les fichiers
créés ou modifiés
Documentation : https://git-scm.com/docs/git-add
Git-Cli-Add-Développeur-Web-Junior-Toulouse
Git Cli Add -Développeur Web Junior Toulouse

On peut observer que le fichier index.js a bien été rajouté aux fichiers à commit.


Si vous ne faites que modifier ou supprimer des fichiers, vous pouvez directement commit en rajoutant “-a” à votre commande

git commit -a

Executer cette commande devrait vous ouvrir votre éditeur de texte pour Git. Dans mon cas, il s’agit de VS Code.
Dans votre éditeur (Vim, Nano, VS Code…) vous pouvez écrire un message de commit comme dans la photo ci-dessous

Git-Cli-Message-Commit-Développeur-Web-Junior-Toulouse
Message Commit Git CLI – Développeur Web Junior Toulouse

En fermant votre éditeur de texte, le fichier sera commit localement.

Git-Cli-Commit-Local-Développeur-Web-Junior-Toulouse

Si vous vous êtes trompé dans votre commit, voici différentes commandes qui vous serons utiles pour annuler un commit, ou en modifier le message.

Git commit –amendModifier le dernier message de commit
git reset HEAD^Annuler le dernier commit
git reset 8d4jj25Annuler un commit précis

Pousser un commit

Une fois que vous êtes bien sûr de tout vos commit, nous allons envoyer vos modifications vers le serveur. Enfin presque. Le première chose avant de pousser vos modifications, c’est de récupérer les modifications faites par d’autres personnes sur votre projet avec la commande Git pull

Git pull Récupère les nouveautés du serveur
Documentation : https://git-scm.com/docs/git-pull

S’il y a eu des modifications poussées par vos collègues et que vous avez des conflits, vous devez les résoudre avant de pouvoir pousser.
Sans conflit, vous pouvez finalement pousser vos modifications avec la commande Git push

Git push Pousse les nouveautés local vers le serveur
Documentation : https://git-scm.com/docs/git-push
Tutoriel Git Cli - Pull Push - Développeur Web Junior Toulouse
Pull et Push Git CLI – Développeur Web Junior Toulouse

Si vous avez réussi à suivre le Tutoriel Git CLI jusqu’ici, félicitation. N’importe qui aurait pu le faire.
Pour apprendre des choses intéressantes , n’hésitez pas à consulter nos autres tutoriels, ça se passe ici ou nos autres articles

Bonne journée à vous mes Développeur Web Junior Toulousain !

1 thought on “Tutoriel Git CLI – Les bases

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.