Visual Studio Code et Emmet - Coder plus vite avec Emmet
Chapitre 3 - Visual Studio Code et GitHub

Créer votre compte sur GitHub

Pour commencer à utiliser GitHub, vous devez créer un compte. Rendez-vous sur github.com et suivez les instructions pour vous inscrire.

Créer un nouveau dépôt

Une fois votre compte créé, vous pouvez créer un nouveau dépôt (repository) pour héberger vos projets. Cliquez sur le bouton "New" ou "Nouveau" sur la page d'accueil de GitHub.

Dans le formulaire de création de dépôt, vous devez fournir un nom pour votre dépôt, une description facultative et choisir si vous souhaitez que le dépôt soit public ou privé. Vous pouvez également initialiser le dépôt avec un fichier README.

Une fois que vous avez rempli les informations nécessaires, cliquez sur le bouton "Create repository" ou "Créer le dépôt".

Remarque pour la création du compte et d'un dépôt

Important :
Il ne faut pas utiliser de caractères accentués dans votre nom d'utilisateur GitHub ni d'espace.
Cela vaut également pour le nom de votre dépôt.
Si vous utilisez des caractères accentués, vous risquez de rencontrer des problèmes de compatibilité avec certains outils ou systèmes.

Installer et configurer Git

Installer Git

Avant de pouvoir utiliser GitHub avec Visual Studio Code, vous devez installer Git sur votre ordinateur. Vous pouvez télécharger Git depuis le site officiel à l'adresse git-scm.com.
Une fois téléchargé, suivez les instructions d'installation pour votre système d'exploitation (options par défaut recommandées).

Contrôler l'installation de Git

Pour vérifier que Git est correctement installé, ouvrez le terminal intégré à Visual Studio Code (menu Terminal → Nouveau Terminal) et tapez la commande suivante : 

git --version

Cette commande affichera la version de Git installée sur votre système. Si vous voyez un message indiquant la version de Git, cela signifie que l'installation a réussi.

Si vous obtenez un message d'erreur indiquant que la commande n'est pas reconnue, cela signifie que Git n'est pas installé ou que le chemin d'accès à Git n'est pas correctement configuré dans votre système. Dans ce cas, assurez-vous de suivre les instructions d'installation et de redémarrer Visual Studio Code si nécessaire.

Astuce :
Un redémarrage du PC ainsi que de VS Code peut être nécessaire pour que les modifications prennent effet, surtout si vous avez installé Git après avoir ouvert VS Code.

Configurer Git avec vos informations utilisateur

Pour configurer Git, il faut passer par le terminal intégré à VS Code. Il faut commencer par ouvrir le Terminal en passant par le menu Terminal → Nouveau Terminal.

Une fois le terminal ouvert, vous pouvez configurer votre nom d'utilisateur et votre adresse e-mail en utilisant les commandes suivantes : 

git config --global user.name "Votre Nom"

git config --global user.email "Votre Email"

Assurez-vous de remplacer Votre Nom et Votre Email par vos propres informations. Ces informations seront utilisées pour identifier les commits que vous effectuez. Les doubles cotes sont obligatoires car le nom et l'email sont des chaînes de caractères.

Pour finir, il faut initialiser Git dans le répertoire de votre projet. Pour cela, vous pouvez utiliser la commande suivante : 

git init

Cloner un dépôt GitHub

Il faut commencer par récupérer l'URL du dépôt que vous souhaitez cloner. Pour ce faire, il faut aller sur GitHub, ouvrir le dépôt en question et copier l'URL de la page internet en cours. Il faut la copier dans le presse-papiers.

Ensuite, dans VS Code, dans le menu Affichage → Palette de commandes, vous pouvez taper Git: Clone et appuyer sur Enter. Vous pouvez aussi utiliser le raccourci clavier Ctrl + Maj + P pour ouvrir la palette de commandes.

Il faut ensuite coller l'URL du dépôt que vous avez copiée précédemment dans le champ de saisie qui s'affiche. Appuyez sur Enter pour valider. Il vous sera demandé de choisir un emplacement sur votre ordinateur où cloner le dépôt. Sélectionnez le dossier souhaité et cliquez sur "Sélectionner le dossier" ou "Select Folder".

La fenêtre de VS Code qui s'affiche vous proposera Ouvrir, Ouvrir dans une nouvelle fenêtre ou Ajouter à l'espace de travail. Cette fenêtre peut être fermée.

Envoyer des fichiers sur GitHub

Pour envoyer des fichiers sur GitHub, vous devez d'abord ajouter les fichiers que vous souhaitez envoyer à votre dépôt local.