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 

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, qui sert de sondage pour github. 

Clique alors sur suivant pour enfin arriver sur le dashboard de ton compte Github (sa page d’accueil).

Lier ton compte GitHub Ć  VS Code

1.Maintenant, tu vas devoir connecter ton GitHub dans ton VS Code. Pour cela suis les étapes suivantes les unes après les autres.

1- Clique sur l’icone de profilĀ 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 a utiliser GitHub.Ā 

Clique sur le bouton vert.Ā 

Ton compte Github est maintenant associĆ© Ć  VS Code, si tu retournes sur l’icone de profil en bas Ć  gauche dans VS Code, tu verras ton nom d’utilisateur GitHub apparaĆ®tre.

Configurer Git dans VS Code

Pour gérer tes projets, les partager et travailler en coopération tu vas avoir besoin de lier Git à 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 « Download Git for Windows » pour te rendre sur la page de téléchargement. 

Une fois sur le site de Git, clique sur le lien de téléchargement. 

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

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

/!\Lorsque que tu arrives sur cette page, il est impƩratif de sƩlectionner VS Code comme Ʃditeur par dƩfaut/!\

  • « Use Visual Studio Code as Git’s default editorĀ Ā»

CrƩer un dƩpƓt

Pour partager ton travail sur GitHub c’est trĆØs simple !Ā 

Une fois ton projet créé et correctement initialisé (cf cette page), ouvre le dans vscode.
  • Clique sur l’icone GIT dans ta barre d’icones de 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.

DEBUG

Si tu as malencontreusement cliqué sur « Initialize Repository » au « lieu de Publier sur Github »

Si c’est le cas, ca te demande de valider, et te renvoie un message d’erreur car tu n’as pas publier sur Github

Ouvre ton terminal et utilise cette commande pour voir tous les fichiers, y compris les cachƩs :

Regarde si un fichier .git apparait. Et tape cette commande pour le supprimer.

Tu as supprimé ton erreur, tu peux reprendre ta ressource et cliquer cette fois sur « Publier sur github ».

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’outil Git tu peux voir le nombre de changement disponible.Ā 
  • Clique alors sur l’icĆ“ne Git.

Tu verras alors tous les changements que tu as fait et tu pourras 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 en ligne.

Retour en haut