🧑🎨 Connecter GitHub à VSCode - Créer un site gratuit - Épisode 3
Vous allez tout savoir sur :
- Étape 0 - GitHub
- Étape 1 - Cliquez sur “Sign up” en haut à droite :
- Étape 2 - Choisissez vos caractéristiques
- Étape 3 - Finalisez votre compte
- Étape 4 - Créer votre token GitHub
- Étape 5 - Créez votre premier projet
- Étape 6 - Installer GitHub Desktop
Bienvenue sur ”Samedi Site” ! C’est le vrai e-mail des créateurs. Celui où on essaie de créer quelque chose ensemble 😁. Et notre premier projet est :
🧑🎨 Créer un site internet qui vous coûtera rien !
Si vous avez raté les premiers épisodes :
Dans ces épisodes, vous allez apprendre à :
écrire votre code sur VSCode
envoyer votre code sur GitHub
publier votre code sur le web avec Netlify
mettre votre site internet en ligne gratuitement
Cette semaine, on va s’installer sur la plateforme gratuite GitHub et connecter GitHub à VSCode.
Si vous êtes vraiment intéressé par créer un site, cliquez bien sur le lien "j'ai fini cette étape" en bas de cette page.
Étape 0 - GitHub
Allez sur le site de GitHub >>
GitHub est une plateforme qui fait beaucoup de choses en rapport avec le développement seul ou en équipe. Ici, on va l’utiliser pour stocker notre code et l’envoyer sur le web.
C’est une des plateformes les plus connues. C’est le moment de créer votre compte gratuit.
Étape 1 - Cliquez sur “Sign up” en haut à droite :
Puis ajoutez votre e-mail, mot de passe ainsi que votre nom d’utilisateur. Puis tapez “n” pour ne pas recevoir d’offres promo.
Étape 2 - Choisissez vos caractéristiques
Combien de membres de votre équipe vont travailler avec vous ?
(How many team members will be working with you?)
Sur la prochaine étape, vous pouvez sélectionner :
Just me (seulement moi)
Student (élève)
Puis coché les 2 premières cases :
Collaborative coding (Code collaboratif)
Automation and CI/CD (automatisation).
Étape 3 - Finalisez votre compte
Puis choisissez le compte Free (gratuit) :
J’adore la petite intro de GitHub. On part vraiment dans l’espace !! 🧑🚀 🚀
Étape 4 - Créer votre token GitHub
Maintenant, que votre compte GitHub est créé, il faut créer votre Token personnel qui vous permettra de lier GitHub à VSCode.
Cliquez sur votre petit avatar profile en haut à droite, puis “Settings”
Puis en bas à gauche > Developer Settings
Cliquez sur “Personal access tokens” et “Generate new token”
Donnez un nom a votre token (quelque chose de simple que vous allez vous rappeler).
Modifier l’expiration à 90 days (90 jours).
Cliquez sur “Generate token” (Générer le token).
Copiez bien ce token sur votre ordinateur.
Voilà, ça, c’est pour l’installation de GitHub. Maintenant, on va créer notre premier projet.
Étape 5 - Créez votre premier projet
Retournez sur la page d'accueil sur GitHub.
Sur GitHub, un projet se range dans un “repository” ou “repo.
En haut a gauche, cliquez sur "New".
Choisissez le nom de votre repo. Vous pouvez mettre le nom de votre site. Vous pourrez le changer plus tard.
Cliquez sur “Private”
Cliquez sur “Create repository”
GitHub c’est fait ! C’est un peu long, mais vous n’aurez vraiment pas à faire ça souvent.
Vous avez installé le compte et vous avez créé votre premier repo.
Bravo 🎉
Étape 6 - Installer GitHub Desktop
Vous avez crée votre compte GitHub, maintenant vous installer GitHub sur votre ordinateur.
Allez sur GitHub Desktop >>
Puis cliquez sur le bouton pour télécharger et installer GitHub Desktop.
Aujour'dhui vous avez :
crée un compte GitHub avec votre token
crée votre premier repo
installez Github Desktop
Si vous êtes coincé à n’importe laquelle de ces étapes, n’hésitez pas à me le dire en répondant à cet e-mail.
Cliquez ici, si vous avez fini cette étape >>
La semaine prochaine, on va enregistrer votre tout premier site sur GitHub, puis l’envoyer sur Internet avec Netlify ! 🚀
