Exercice - Configurer GitHub Copilot pour Visual Studio Code

  • 5 minutes

Dans cet exercice, nous créons un référentiel à l’aide du modèle GitHub pour l’application web JavaScript frontend du portefeuille personnel.

Comment configurer GitHub Copilot

Pour utiliser GitHub Copilot, vous devez effectuer les étapes suivantes :

  1. Compte GitHub :

    • Créer un compte GitHub. étant donné que Copilot est un service GitHub, vous avez besoin d’un compte GitHub pour l’utiliser. Si vous n’avez pas de compte, visitez la page web GitHub pour en créer un gratuitement.

  2. Inscrivez-vous et activez GitHub Copilot :

    • Vous pouvez configurer un compte GitHub Copilot Gratuit ou vous inscrire à un abonnement à la version d’évaluation de GitHub Copilot Pro avec un essai unique de 30 jours. À des fins d’apprentissage, l’option Copilot Free avec des limites d’utilisation doit être suffisante.
    • Il est important de connaître les conditions d’essai gratuit de GitHub Copilot : si vous choisissez l’offre d’essai gratuit pour GitHub Copilot, une forme de paiement est demandée lors de l’inscription. Les frais ne sont pas appliqués tant que le procès n’est pas terminé, sauf si vous annulez avant la conclusion de la période de 30 jours.

Conseil / Astuce

GitHub Copilot offre un niveau gratuit avec 2 000 saisies automatiques de code et 50 messages de conversation par mois. Pour commencer, ouvrez Visual Studio Code, cliquez sur l’icône GitHub Copilot, puis cliquez sur « Se connecter pour utiliser GitHub Copilot gratuitement ». Connectez-vous à votre compte GitHub dans la fenêtre qui s’ouvre dans le navigateur. En savoir plus. Les enseignants, les étudiants et, en sélectionnant des responsables open source, peuvent recevoir Gratuitement Copilot Pro, découvrez comment : https://aka.ms/Copilot4Students.

  1. Installez l’extension :
    • GitHub Copilot est disponible en tant qu’extension pour les principaux IDEs, notamment Visual Studio, Visual Studio Code, JetBrains IDEs, VIM et XCode.
    • Pour l’installer, recherchez « GitHub Copilot » dans la Place de marché d’extension de votre IDE et suivez les instructions d’installation. Par exemple, dans la Place de marché VS Code, vous trouverez GitHub Copilot, GitHub Copilot Chat et GitHub Copilot pour Azure comme options d’installation.

Configuration de l’environnement

Vous devez d’abord lancer l’environnement Codespaces, qui est préconfiguré avec l’extension GitHub Copilot.

  1. Sélectionnez le bouton suivant pour Ouvrir le codespace avec l’environnement préconfiguré.

    Ouvrir dans un GitHub Codespaces

  2. Dans la page Créer un codespace , passez en revue les paramètres de configuration du codespace, puis sélectionnez Créer un codespace

  3. Attendez que le codespace démarre. Ce processus de démarrage peut prendre quelques minutes.

  4. Les exercices restants de ce projet ont lieu dans le contexte de ce conteneur de développement.

Important

Tous les comptes GitHub peuvent utiliser Codespaces jusqu'à 60 heures gratuitement chaque mois avec deux instances principales. Pour plus d’informations, consultez Le stockage mensuel inclus et les heures de cœur GitHub Codespaces.

Portefeuille JavaScript

Une fois l’opération effectuée, Codespaces se charge avec une section terminal en bas. Codespaces installe toutes les extensions et dépendances nécessaires dans votre conteneur. Une fois terminé, ce modèle est configuré pour utiliser npm start afin de démarrer l’application web dans votre espace de code.

Une fois l’application web démarrée correctement, un message dans le terminal indique que le serveur s’exécute sur le port 1234 dans votre codespace.