Stockez votre dépôt en ligne
Préparez-vous à…
- Mettez votre projet en ligne
Ce tutoriel utilisera GitHub pour stocker notre dépôt et se connecter à un hébergeur web. Vous êtes libre d’utiliser le fournisseur git en ligne de votre choix.
Si vous êtes déjà familier avec git et avez votre propre flux de travail, créez un nouveau dépôt GitHub pour votre projet en utilisant votre méthode préférée. Passez à la page suivante : “Déployez votre site sur le Web”.
Créer un dépôt sur GitHub
Titre de la section Créer un dépôt sur GitHubBien qu’il existe plusieurs moyens de stocker votre code local sur GitHub, ce tutoriel vous guidera à travers une méthode qui ne nécessite pas l’utilisation de git en ligne de commande.
-
Connectez-vous à GitHub.com dans un navigateur et cliquez sur le + en haut à droite de l’écran pour créer un nouveau dépôt.
-
Choisissez un nom pour votre dépôt. Il n’a pas besoin d’avoir le même nom que le dossier de votre projet.
-
Vous verrez différentes options, mais vous n’avez pas besoin de modifier les paramètres par défaut. Faites défiler vers le bas et cliquez sur le bouton Create Repository.
-
Vous verrez diverses étapes de configuration, mais vous n’aurez pas besoin de les utiliser. Notez l’URL de votre dépôt. Vous pouvez maintenant quitter cette page sans rien faire.
Validez votre code local sur GitHub
Titre de la section Validez votre code local sur GitHubDans la dernière section, vous avez apporté une modification au contenu de votre page. Cela signifie que les fichiers de votre projet ont été modifiés, et VS Code devrait afficher un nombre en haut de l’icône du menu “Source”. Cet onglet Source est l’endroit où vous irez régulièrement pour mettre à jour vos fichiers sur GitHub.
-
Cliquez sur l’onglet Contrôle de source dans VS Code pour voir la liste des fichiers modifiés. Si vous voyez un message vous indiquant que vous devez installer
git
, suivez les instructions fournies, puis rechargez VS Code. -
Cliquez sur le menu des “3 points” ••• au-dessus du message de validation et choisissez À distance > Ajouter un dépôt distant.
-
Sélectionnez Ajouter un dépôt distant à partir de GitHub. Si nécessaire, suivez les étapes d’authentification, puis revenez à VS Code et répétez cette action.
-
Vous devriez voir une liste de tous vos dépôts sur GitHub. Choisissez celui que vous avez créé pour ce projet. Si vous ne voyez pas votre projet, collez directement son URL GitHub. Vous pouvez également être invité à donner un nom local à ce dépôt. Vous pouvez choisir n’importe quel nom qui vous convient.
-
En haut du volet de menu, il y aura un endroit pour saisir un message de validation (description de vos modifications de fichier). Tapez “commit initial” et appuyez sur le bouton Valider pour valider ces modifications.
-
Vous pouvez voir un message vous indiquant que vous n’avez pas de validations “indexé” et vous demandant si vous voulez les indexer. Cliquez sur Toujours et continuez.
-
Enfin, la liste des fichiers modifiés devrait être remplacée par un bouton Publier. Cliquez dessus pour envoyer vos modifications validées sur GitHub.
Voir votre projet sur GitHub
Titre de la section Voir votre projet sur GitHubPour vérifier que votre projet est stocké avec succès sur GitHub, rendez-vous sur GitHub.com et recherchez sous votre compte une liste de vos dépôts. Choisissez le nouveau que vous avez créé, et vérifiez qu’il contient les fichiers de votre projet Astro.