Comment configurer GitHub Copilot dans VS Code

GitHub Copilot est un assistant de codage alimenté par l’IA qui suggère des complétions de code pendant que vous tapez, vous aidant à écrire du code plus rapidement avec moins d’erreurs. Si vous êtes un développeur web utilisant VS Code, configurer Copilot ne prend que quelques minutes et peut considérablement améliorer votre productivité. Ce guide vous accompagne dans le processus d’installation, les options de forfaits, et la configuration essentielle pour commencer à coder avec l’assistance IA immédiatement.

Qu’est-ce que GitHub Copilot et pourquoi l’utiliser ?

GitHub Copilot est un programmeur en binôme IA développé par GitHub et OpenAI qui fournit des suggestions de code intelligentes directement dans votre éditeur. Il analyse le contexte de votre code et suggère des lignes entières ou des blocs de code, apprenant à partir de milliards de lignes de code public pour offrir des complétions pertinentes.

Les développeurs utilisent Copilot car il :

• Réduit le temps passé sur le code standard et les motifs répétitifs
• Aide à découvrir de nouvelles API et approches de codage
• Accélère l’apprentissage de nouveaux langages et frameworks
• Minimise le changement de contexte en vous maintenant dans votre flux de travail

Forfaits GitHub Copilot gratuit vs payants

Avant l’installation, comprenez vos options :

Forfait Copilot gratuit :

• Limite mensuelle de 2 000 complétions et 50 messages de chat
• Accès au modèle GPT-4o
• Suggestions de code de base et fonctionnalités de chat
• Idéal pour tester Copilot ou une utilisation occasionnelle

Copilot Individual (10 $/mois) :

• Complétions et chat illimités
• Modèles IA multiples (GPT-4o, Claude 3.5 Sonnet, o1-preview, o1-mini)
• Fonctionnalités avancées incluant l’édition multi-fichiers
• Essai gratuit de 30 jours disponible

Copilot Business/Enterprise (19-39 $/utilisateur/mois) :

• Tout ce qui est inclus dans Individual
• Sécurité et conformité d’entreprise
• Contrôles administrateur et analyses d’utilisation
• Fonctionnalités de collaboration d’équipe

Installation de GitHub Copilot dans VS Code

Étape 1 : Installer l’extension

1. Ouvrez VS Code
2. Appuyez sur Ctrl+Shift+X (Windows/Linux) ou Cmd+Shift+X (Mac) pour ouvrir les Extensions
3. Recherchez “GitHub Copilot”
4. Cliquez sur Installer sur l’extension officielle GitHub Copilot

Étape 2 : Se connecter à GitHub

Après l’installation, vous verrez l’icône Copilot dans votre barre d’état (en bas à droite).

1. Cliquez sur l’icône Copilot
2. Sélectionnez “Sign in to GitHub”
3. Suivez les invites du navigateur pour vous authentifier
4. Retournez à VS Code après autorisation

Si vous n’avez pas d’abonnement Copilot, vous serez invité à commencer un essai gratuit ou à sélectionner le niveau gratuit.

Étape 3 : Vérifier la configuration

Pour confirmer que Copilot fonctionne :

1. Créez un nouveau fichier avec une extension .js, .py, ou .html
2. Commencez à taper une fonction ou une structure HTML
3. Cherchez les suggestions de “texte fantôme” en gris
4. Appuyez sur Tab pour accepter les suggestions

Paramètres de configuration essentiels

Gestion de la télémétrie et de la confidentialité

Par défaut, Copilot peut collecter des données de télémétrie. Pour gérer les paramètres de confidentialité :

1. Ouvrez les Paramètres VS Code (Ctrl+, ou Cmd+,)
2. Recherchez “telemetry”
3. Définissez telemetry.telemetryLevel sur “off” pour la télémétrie générale de VS Code

Pour les paramètres spécifiques à Copilot :

1. Recherchez “github.copilot”
2. Trouvez “GitHub > Copilot: Enable”
3. Décochez pour désactiver Copilot globalement, ou configurez les paramètres par langage

Paramètres spécifiques à l’espace de travail

Pour désactiver Copilot pour des projets sensibles :

1. Ouvrez la vue Extensions (Ctrl+Shift+X)
2. Trouvez GitHub Copilot
3. Cliquez sur l’icône d’engrenage
4. Sélectionnez “Disable (Workspace)”
5. Rechargez VS Code lorsque demandé

Personnalisation du comportement des suggestions

Dans les Paramètres, recherchez “github.copilot” pour ajuster :

• Inline Suggest : Activer/désactiver les suggestions automatiques
• Editor > Enable Auto Completions : Contrôler quand les suggestions apparaissent
• Enable : Configurer Copilot pour des langages spécifiques uniquement

Utiliser GitHub Copilot efficacement

Complétions de code de base

Pendant que vous tapez, Copilot suggère du code en texte gris. Raccourcis clés :

• Tab : Accepter la suggestion
• Esc : Rejeter la suggestion
• Alt+] ou Option+] : Suggestion suivante
• Alt+[ ou Option+[ : Suggestion précédente
• Ctrl+Enter : Ouvrir le panneau Copilot avec plusieurs suggestions

Fonctionnalités avancées

Chat en ligne (Ctrl+I ou Cmd+I) :

• Sélectionnez le code et appuyez sur le raccourci
• Demandez à Copilot de refactoriser, expliquer ou améliorer la sélection
• Parfait pour des modifications rapides sans quitter votre code

Panneau de chat :

• Ouvrez la vue Chat depuis la barre d’activité
• Utilisez @workspace pour référencer l’ensemble de votre projet
• Posez des questions sur votre base de code ou demandez de nouvelles implémentations
• Les modèles disponibles varient selon le niveau d’abonnement

Actions intelligentes :

• Générer des messages de commit dans la vue Source Control
• Créer des tests unitaires à partir du code existant
• Ajouter de la documentation aux fonctions
• Corriger les erreurs avec des suggestions contextuelles

Changer de comptes GitHub

Si votre abonnement Copilot est sur un compte GitHub différent :

1. Cliquez sur l’icône Comptes dans la barre d’activité (ou l’icône de profil en bas à gauche)
2. Déconnectez-vous du compte GitHub actuel
3. Cliquez sur l’icône Copilot dans la barre d’état
4. Sélectionnez “Sign in to GitHub”
5. Authentifiez-vous avec le bon compte

Dépannage courant

Copilot ne suggère pas de code :

• Vérifiez que l’extension de fichier est supportée
• Vérifiez que vous êtes connecté (consultez la barre d’état)
• Assurez-vous que Copilot n’est pas désactivé pour l’espace de travail
• Vérifiez votre statut d’abonnement et les limites
• Essayez de recharger la fenêtre VS Code (Ctrl+R ou Cmd+R)

Qualité de suggestion médiocre :

• Fournissez plus de contexte dans votre fichier
• Écrivez des commentaires descriptifs avant les fonctions
• Utilisez des noms de variables et de fonctions clairs
• Incluez les imports pertinents et les définitions de types

Problèmes réseau :

• Vérifiez que les paramètres de pare-feu autorisent les connexions vers github.com
• Vérifiez la configuration du proxy si vous êtes derrière un réseau d’entreprise
• Testez avec la commande github.copilot.advanced.debug.testConnection dans la palette de commandes

Conclusion

Configurer GitHub Copilot dans VS Code transforme votre expérience de codage avec des suggestions alimentées par l’IA qui s’adaptent à votre style. Que vous utilisiez le forfait gratuit pour explorer ses capacités ou que vous exploitiez les fonctionnalités payantes pour le développement professionnel, le processus de configuration reste simple. Commencez par les complétions de base, expérimentez avec le chat en ligne pour des améliorations rapides, et explorez le panneau de chat pour construire des fonctionnalités entières. Avec une configuration appropriée et des paramètres de confidentialité en place, vous êtes prêt à coder plus rapidement et plus efficacement avec votre programmeur en binôme IA.

FAQ

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.