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 !Ā
- 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.
