GitHub pour VS Code

Github permet de sauvegarder son projet en ligne, tout en continuant de travailler dessus. On peut ainsi apporter des modifications, et mettre à jour notre sauvegarde sur GitHub. On peut également revenir à une version antérieure, ou encore travailler à plusieurs sur un même projet et se partager notre travail.

Sur cette page tu trouveras:

Créer un compte GitHub

Créer ton compte 

Pour créer ton compte, tu as besoin de rejoindre le site GitHub , et d’avoir en ta possession ton mail et mot de passe car tu devras valider ton compte par mail.

Va sur Sign up

Remplis ton mail, choisis un mot de passe et un username,

Réponds à la question par « y » ou « n » et remplis le captcha audio

Valide ton compte 

Ouvre ta boite mail et va consulter celui que Github t’a envoyé. 

Tu trouveras dedans un code à 8 chiffres que tu dois renseigner pour valider ton compte.

Après cette étape, tu devras répondre à des questions sans importance, cliques alors sur suivant pour enfin arriver sur le dashboard de ton compte Github (la page d’accueil).

Configurer Git dans VS Code

Pour gérer tes projets, les partager et travailler en coopération tu vas avoir besoin de lier Github à VS Code. 

Tout d’abord, rends toi sur VS Code et clique sur l’icone Git dans la barre d’outils à gauche de ton écran.

A ce moment là, tu devras télécharger Git si ce n’est pas déjà fait. Si ce n’est pas le cas, VS Code te proposera directement de le télécharger.

Si le bouton qui apparait n’est pas le même que celui ci-contre alors passe directement à l’étape suivante. 

Sinon clique sur ce bouton pour te rendre sur la page de téléchargement. 

Une fois dessus clique sur le lien de téléchargement. 

Une fois téléchargé, commence l’installation en cliquant sur le fichier présent dans tes téléchargements. 

Tu devras garder les options par défauts et cliquer sur suivant. 

/!\Lorsque que tu arrive sur la page ci-dessous, il est impératif de sélectionner VS Code comme éditeur par défaut/!\

Lier ton compte GitHub à VS Code

Tu vas devoirs maintenant te connecter à GitHub dans VS Code.
Pour cela suivant les étapes suivantes les unes après les autres.

1.Clique sur l’icone de profile en bas à gauche de l’écran

2.Clique sur « Paramètres de sauvegarde et de synchronisation »

3. Sélectionne la connexion à GitHub

4. Garde toute les cases cochées puis clique sur « Se connecter »

5. Une page va s’ouvrir sur ton navigateur et tu vas devoir autoriser VS Code à utilisé GitHub, clique alors sur le bouton vert. Ton compte Github est maintenant associé à VS Code, si tu retourne sur l’icone de profile en bas à gauche dans VS Code tu verras ton nom d’utilisateur GitHub apparaître.

Créer un dépôt

Pour partager ton travail sur GitHub c’est très simple ! 

Une fois ton projet créer et correctement initialisé (cf cette page)

Sur VS Code retourne sur l’outils Git dans la barre d’outil à gauche.

  • Sélectionne Publier sur GitHub.
  • Donne un nom à ton dépôt mais je te conseille de garder le nom du dossier que tu as choisi lors de sa création.
  • Sélectionne privé (accessible uniquement à toi et ceux à qui tu donnes accès).
  • Clique sur OK.

Les Commits et les Push 

Lorsque l’on veut envoyer la continuité de notre programmation sur son repo github pour le mettre à jour, nous devons faire 2 étapes : On « commit » , pour décrire les changements que l’on apporte et on « push » pour que ca s’envoie sur github.

Les commits

Lorsque tu fais des modifications sur ton projet dans VS Code et que celles ci doivent être enregistrer (pas d’erreur…) alors tu vas pouvoir créer un commit.

Toujours à gauche sur l’outils Git tu peux voir le nombre de changement disponible. 

Clique alors sur l’icône.

Tu verras alors tout les changement que tu as fait et ne garder que ceux qui te conviennent.
Nomme alors ton commit avec les modifications que tu as fait (exemple : changement couleurs titres) et clique sur validation.

Les Push

Cela sert a envoyer tes modifications faites dans ton projet sur ton repo github, afin de l’avoir à jour.

Tu peux push dès que tu as fait un commit, ou quand tu en as fait plusieurs et que tu juges qu’il est temps d’envoyer ta sauvegarde sur ton repo github.

Après avoir fait un commit, tu verras dans l’onglet Git de replit, que tu en as un en attente, et le bouton push est disponible.

Une fois ton push effectué, tu peux actualiser github et voir tes changements bien sauvegarder dans ton repo

Retour en haut