Versionner votre projet sur Github

Dans cette formation, nous allons voir comment versionner nos projets sur Github. 

Avant tout, à quoi sert de versionner nos projets ?

NB : L'utilisation de GIT est primordial pour le versionning de vos projets via Visual Studio Code

1# Versionnage

Le versionnage est un moyen de garder une trace des mises à jour de vos projets. En effet, si vous veniez à “commit” une erreur, le versionnage vous permet de récupérer l'ancienne version de votre projet avant le “commit” de votre erreur. Cette méthode est très utilisée dans le monde du développement. Elle permet de garder une trace immuable de vos avancées sur vos différents projets.

Un peu de glossaire :

Commit est un terme utilisé qui signifie une préparation au dépôt de vos versions sur Github.

Push/Pull signifie d'envoyer vos version dans votre répertoire Github.

Le versionnage est un mécanisme grâce auquel on préserve la version d'une entité logicielle quelconque, afin qu'il soit facile de la retrouver, et cela, bien que des versions plus récentes aient pu être mises en place.

Fetch signifie de récupérer les changements qui ont été Push dans votre répertoire.

2# Préparation au versionning

Dans votre profil Github, créer un nouveau répertoire qui ne doit pas contenir de fichier “readme.md” :

Dès que vous avez choisi vos paramètres, vous aurez une page qui contient différentes lignes de commande : 

Retournez dans votre VSC, puis entrer les commandes une par une :

git init

git remote add origin https://github.com/VOTRE_PSEUDO_GITHUB/VOTRE_PROJET.git

git branch -M main

git push -u origin main

Si la dernière commande ne fonctionne pas, il faudra passer par le “Source Control” de VSC et cliquer sur “Commit” :

Quand c'est fait, un fichier “COMMIT_EDITMSG” s'ouvre pour permettre d'ajouter un message à notre version. On peut inclure les modifications apportées ou encore le message par défaut en décommentant (en enlevant le #) la ou les ligne(s) concernée.

Sauvegarder votre modification du message puis fermer le message. Pour la première fois, il faudra déployer une branche de travail, Github le fera automatiquement si vous pressez “Publish Branch” :

Si vous rencontrez une erreur lors du déploiement de votre branche ou sur vos futur “Commit”, rendez-vous dans comment connecter votre VSC à github par SSH. 

Maintenant, si on retourne sur la page de notre répertoire, on pourra constater qu'un fichier y a été déposé et ainsi versionné :

Vous avez versionné votre premier projet. Essayons d'apporter une modification pour avoir une nouvelle version. J'ai donc modifié mon fichier “index.html”, Visual Studio Code a donc vu qu'un changement a été opéré. Il me propose donc de “Commit” mes changements :

Encore une fois, pressons “Commit”, enlever le "#"de la ligne souhaité puis fermer le fichier “COMMIT_EDITMSG” :

Et pour finir synchronisons les changements avec notre répertoire : 

Et si on retourne sur notre répertoire Github, on pourra constater qu'il y a eu un “Commit” supplémentaire (nous sommes passés à 2) :

Maintenant, vous savez comment versionner vos projets sur Github en utilisant Visual Studio Code.

NB : Si vous avez l'erreur : Reinitialized existing Git repository in D:/wamp/www/formation/.git/

Il vous suffit de supprimer le fichier .git qui est en invisible sur votre projet et de relancer la commande git init.

J'espère que vous avez appris des choses !