Skip to content

Git en 4 gestes

Le rituel de fin de séance

Les 5 dernières minutes de chaque séance : on commit et on push. À la fin du semestre, ce sera un réflexe — et ton historique racontera tout ton projet.

Les 4 gestes

1. Modifier

Travaille normalement dans WebStorm. Les fichiers modifiés apparaissent en bleu (modifiés) ou en vert (nouveaux) dans l'arborescence.

2. Commit — sauvegarder une version

  1. Ouvre le panneau Commit : icône ✔ dans la barre de gauche, ou Cmd + 0
  2. Coche les fichiers à enregistrer (tous, en général)
  3. Écris un message en français qui décrit le changement
  4. Clique sur Commit (ou Cmd + K)

Un bon message de commit

Il complète la phrase « Ce commit va… » : « Ajouter la page contact », « Corriger le menu de navigation ». ❌ « modif », « test », « aaaa », « version finale 2 »

3. Push — envoyer sur GitHub

Menu Git → Push (ou Cmd + Maj + K), puis bouton Push.

Tant que tu n'as pas pushé, tes commits n'existent que sur ta machine. Le push les met à l'abri sur GitHub.

4. Vérifier — ton site en ligne

Recharge ta page GitHub Pages : https://TON-COMPTE.github.io/TON-DEPOT/

La mise à jour peut prendre une à deux minutes (onglet Actions du dépôt pour suivre la publication).

En résumé

GesteRaccourci
CommitPanneau Commit de WebStormCmd + K
PushMenu Git → PushCmd + Maj + K
VérifierNavigateur, page GitHub PagesCmd + R

Pièges classiques

SymptômeCause probableSolution
« Rien ne se passe » au commitAucun fichier coché, ou message videCoche les fichiers et écris un message
Le site en ligne ne change pasCommit fait, push oubliéGit → Push — puis attends 1-2 min
Le site en ligne ne change toujours pasCache du navigateurRechargement forcé : Cmd + Maj + R
Dépôt qui se comporte bizarrementProjet dans un dossier synchronisé (OneDrive, iCloud…)Garde tes projets dans un dossier local simple, hors synchronisation
« J'ai tout cassé »Ça arrive à tout le mondeNe supprime rien, ne panique pas : appelle le prof — Git garde toutes les versions, on peut revenir en arrière

Documentation pour les cours de développement web