Atelier Framework Côté Client

2ème année DSI

Guide d’utilisation de
Git / GitHub

Enseignante: Amel TRIKI

Année Universitaire 2019-2020

 Plan
▪ Installations nécessaires

▪ Versionner en local

▪ Créer un dépôt distant

▪ Enregistrer sur le dépôt distant

▪ Récupérer à partir du dépôt distant

▪ Commandes utiles

AMEL TRIKI 2
 Installations nécessaires
▪ Installer Git

(Logiciel de gestion des versions)

https://git-scm.com/downloads

▪ Créer un compte Github

(Plateforme de gestion des versions)

https://github.com/

AMEL TRIKI 3
 Versionner en local (1/2)
Ouvrir la fenêtre console et se positionner sur le répertoire du projet,
puis taper ces commandes

1 git init // Crée un dépôt /repository en local

2 git add . // Ajoute tous les fichiers à l’index

3 git commit -m "message" //Sauvegarde dans le dépôt et y

// précise un message

N.B: après à chaque fois que vous voulez sauvegarder, vous faites les étapes
2 et 3 seulement

AMEL TRIKI 4
 Versionner en local (2/2)
Il est préférable de configurer Git avant de commencer en spécifiant le
nom et le mail de l’utilisateur

git config --global user.name "nom utilisateur"

git config --global user.email "email utilisateur"

N.B: En travaillant à l’ISET, cette configuration est nécessaire à chaque fois

que vous occupez un poste vu qu’autrement, lors de l’enregistrement, ce sera
au nom des utilisateurs qui ont travaillé avant sur le même poste

AMEL TRIKI 5
Créer un dépôt sur un serveur
distant (1/3)
▪ Accéder à votre compte Gitgub: https://github.com/
▪ Cliquer sur un nouveau dépôt

AMEL TRIKI 6
▪ Attribuer un nom à votre dépôt (Dans cet exemple tp3Angular)
▪ Opter pour un dépôt privé

AMEL TRIKI 7
▪ Cette page s’affiche, récupérer l’adresse https de votre dépôt
(ici https://github.com/TRIKIISET/tp3Angular.git)

AMEL TRIKI 8
Enregistrer sur le dépôt distant
Taper sur la fenêtre console positionnée sur le projet

▪ git push -u adresseHttpsDépôt master

Exemple:

git push -u https://github.com/TRIKIISET/tp3Angular.git master

AMEL TRIKI 9
 Récupérer à partir du dépôt
distant
Taper dans la fenêtre console

1 git clone adresseHttpsDépôt

Exemple: git clone https://github.com/TRIKIISET/tp3Angular.git

2 cd nomProjet // ici cd tp3Angular

npm install // Pour un projet Angular, il va reconstituer node_modules

AMEL TRIKI 10
 Quelques commandes utiles
Commande Rôle

git status Lister des fichiers modifiés ou ajoutés qui n’ont

pas encore été commités
git log Historique de tous les commits

git log --oneline Historique des commits en version allégée

git checkout idCommit Se positionner sur un commit donné

git remote add origin Pour ajouter un nouveau dépôt distant auquel
adresseHttpsDepot origin fait référence
git pull origin master Récupérer tous les changements sur le dépôt
distant et les intégrer

AMEL TRIKI 11
Exemple d’exécution de quelques
commandes
git log
Author indique le
nom et l’email
indiqués avec:
git config

git log --oneline

Identifiants
des 9
commits

AMEL TRIKI 12
 ? ? ? ?
? Des questions?
? ? ? ?
AMEL TRIKI 13
 Références
▪ https://git-scm.com/book/fr/v2

▪ https://www.hostinger.fr/tutoriels/commandes-git/

AMEL TRIKI 14