Partager via


Qu’est-ce que GitHub Copilot Chat pour Visual Studio ?

Les achèvements GitHub Copilot et GitHub Copilot Chat dans Visual Studio permettent un développement amélioré assisté par l’IA dans Visual Studio, ce qui vous permet d’être plus productif et efficace lorsque vous écrivez du code.

Dans cet article, vous allez découvrir l’utilisation de Copilot Chat dans Visual Studio, une expérience de conversation entièrement intégrée basée sur l’IA de GitHub Copilot dans l’IDE Visual Studio. Avec l’extension, vous obtenez des informations de codage et une prise en charge, telles que la syntaxe, les concepts de programmation, l’aide du code spécifique au contexte, les cas de test, le débogage et bien plus encore, sans quitter l’IDE. Utilisez l’interface de conversation pour soumettre votre question en tant qu’invite et définir l’intention pour obtenir de meilleures réponses étendues.

Pour plus d'informations sur les complétions GitHub Copilot dans Visual Studio, consultez À propos des complétions GitHub Copilot pour Visual Studio.

Pourquoi utiliser Copilot Chat dans Visual Studio ?

Copilot Chat fournit de l’aide à l’IA pour vous aider à prendre des décisions éclairées et à écrire un meilleur code. Avec une intégration étroite dans Visual Studio, Copilot Chat comprend ce que vous travaillez et peut vous aider à effectuer des tâches de développement telles que :

Conditions préalables

Obtenir GitHub Copilot Chat pour Visual Studio

Si vous utilisez Visual Studio version 17.10 ou ultérieure, GitHub Copilot Chat est inclus dans l’expérience GitHub Copilot unifiée. L’extension est disponible en tant que composant recommandé dans Visual Studio Installer. Copilot Chat est installé par défaut avec toutes les charges de travail, sauf si vous choisissez de l’exclure pendant l’installation.

GitHub Copilot n’est pas inclus dans les abonnements Visual Studio. Au lieu de cela, il s’agit d’un abonnement distinct géré par GitHub. Pour plus d’informations sur les abonnements et la prise en charge de GitHub Copilot, consultez les pages GitHub pour les abonnements professionnels et les abonnements individuels.

Utiliser Copilot Chat dans Visual Studio

Vous pouvez poser vos questions relatives au codage en langage naturel. GitHub Copilot Chat répond à ces questions dans votre contexte de développement.

Il existe deux endroits où vous pouvez poser ces questions à Copilot : dans une fenêtre de conversation ou avec une conversation inline dans le code que vous souhaitez modifier. Si votre objectif est de modifier ou d’ajouter au fichier de code que vous avez ouvert dans l’éditeur, l’affichage de conversation inline fonctionne généralement le mieux. Pour des questions de codage plus générales, la fenêtre de conversation est la meilleure option.

Pour obtenir de meilleures réponses avec un contexte étendu dans Copilot Chat, consultez les conseils pour améliorer les résultats de conversation Copilot. Vous pouvez apprendre à utiliser des commandes de barre oblique, des références, des sources utilisées et des threads.

Note

L’exclusion de contenu est disponible pour GitHub Copilot Chat. Le contenu exclu par votre administrateur est ignoré dans les réponses de la conversation. Pour plus d’informations, consultez Configuration des exclusions de contenu pour GitHub Copilot.

Poser des questions dans la fenêtre de conversation

Posez vos questions et voyez les réponses dans la fenêtre de conversation. Nous vous recommandons cet outil pour l’aide de programmation et les questions générales sur le codage.

  1. Dans Visual Studio, sélectionnez Afficher>GitHub Copilot Chat.

  2. Dans la fenêtre de conversation, posez une question liée au codage dans la zone de texte Demander à Copilot. Sélectionnez Entrée ou Envoyer pour poser votre question.

    Capture d’écran de la fenêtre Copilot Chat.

  3. Si Copilot Chat propose une suggestion de code que vous souhaitez utiliser, vous disposez des options suivantes. Sélectionnez Copier le bloc de code pour copier la suggestion de code, Ajouter au nouveau fichier pour insérer la suggestion de code dans un nouveau fichier ou Appliquer pour insérer la suggestion de code dans votre fichier de code actuel. Si vous sélectionnez Appliquer, vous pouvez afficher un aperçu du code dans l’emplacement cible afin de voir facilement ce qui est mis à jour.

    Capture d’écran des options permettant de copier le bloc de code, d’insérer du code dans un nouveau fichier ou d’insérer du code dans le fichier actif.

    Si vous posez une question pour obtenir de l’aide sur la compréhension de votre code, les options Copier le bloc de code et Insérer dans un nouveau fichier ne sont pas disponibles.

    1. Si vous choisissez d’ajouter les modifications au fichier en cours, vous voyez les suggestions de code dans l’affichage normal des différences. Vous pouvez examiner et affiner la proposition et l'appliquer à votre code en sélectionnant Tab, ou la rejeter en sélectionnant Échap.

      Capture d’écran des suggestions de code en mode diff dans la fenêtre de l’éditeur.

    2. Si vous sélectionnez Ajouter au nouveau fichier, vous voyez les suggestions de code dans un nouveau fichier. Les modifications ne sont pas enregistrées par défaut.

      Capture d’écran des suggestions de code dans le nouveau fichier dans l’éditeur.

    La fonctionnalité de référencement de code dans GitHub Copilot vous avertit lorsque des suggestions correspondent au code public. Vous pouvez afficher le code correspondant, son fichier source et toutes les informations de licence associées directement dans Visual Studio. Vous pouvez ensuite prendre des décisions plus éclairées sur l’utilisation du code suggéré.

    Capture d’écran du référencement de code pour le code public.

Poser des questions dans la fenêtre de conversation

Posez vos questions et voyez les réponses dans la fenêtre de conversation. Nous vous recommandons cet outil pour l’aide de programmation et les questions générales sur le codage.

  1. Dans Visual Studio, sélectionnez Afficher>GitHub Copilot Chat.

  2. Dans la fenêtre de conversation, posez une question liée au codage dans la zone de texte Demander à Copilot. Sélectionnez Entrée ou Envoyer pour poser votre question.

    Capture d’écran de la fenêtre Copilot Chat.

    Pour commencer à explorer GitHub Copilot Chat, utilisez les exemples d’invites de démarrage et la bibliothèque d’invites (icône de livre) dans Visual Studio 2022 version 17.12 et ultérieures.

  3. Si Copilot Chat propose une suggestion de code que vous souhaitez utiliser, vous disposez des options suivantes. Sélectionnez Copier le bloc de code pour copier la suggestion de code, Insérer dans de nouveaux fichiers pour insérer la suggestion de code dans un nouveau fichier ou afficher un aperçu pour insérer la suggestion de code dans votre fichier de code actuel. Si vous sélectionnez Aperçu, vous pouvez afficher un aperçu du code dans l’emplacement cible afin de voir facilement ce qui est mis à jour.

    Capture d’écran des options permettant de copier le bloc de code, d’insérer du code dans un nouveau fichier ou d’afficher un aperçu du code pour les suggestions de code de Copilot Chat.

    Si vous posez une question pour obtenir de l’aide sur la compréhension de votre code, les options copier le bloc de code et insertion dans un nouveau fichier ne sont pas disponibles.

    1. Si vous sélectionnez Aperçu, vous voyez les suggestions de code dans le modèle d’affichage diff normal dans Visual Studio. Vous pouvez examiner et affiner ce qui est proposé et appliquer à votre code en sélectionnant Accepter ou ignorer en sélectionnant Annuler.

      Capture d’écran des suggestions de code en mode diff dans la fenêtre de l’éditeur.

    2. Si vous sélectionnez Insérer dans un nouveau fichier, vous voyez les suggestions de code dans un nouveau fichier. Le fichier n’est pas enregistré par défaut.

      Capture d’écran des suggestions de code dans le nouveau fichier dans l’éditeur.

    Visual Studio 2022 version 17.12 inclut désormais la référence de code dans GitHub Copilot . Cette fonctionnalité dans GitHub Copilot vous avertit lorsque des suggestions correspondent au code public. Vous pouvez afficher le code correspondant, son fichier source et toutes les informations de licence associées directement dans Visual Studio. Vous pouvez ensuite prendre des décisions plus éclairées sur l’utilisation du code suggéré.

    Capture d’écran du référencement de code pour le code public.

Poser des questions dans l’affichage de conversation inline

Vous pouvez poser vos questions et voir les réponses inline avec le code dans la fenêtre de l’éditeur elle-même. Avec la conversation inline, vous n’avez pas besoin de revenir à la fenêtre de conversation. Nous vous recommandons de travailler avec Copilot sur les questions qui ajoutent ou mettent à jour un fichier de code actuellement ouvert.

  1. Dans Visual Studio, pour afficher l’affichage de conversation inline de Copilot Chat dans l’éditeur lui-même, cliquez avec le bouton droit dans votre fenêtre de l’éditeur, puis sélectionnez Chat.

    Capture d’écran montrant comment activer la conversation inline dans l’éditeur à partir du menu contextuel.

  2. Tapez votre question liée au codage dans la zone de texte Poser Copilot , puis sélectionnez Entrée ou Envoyer pour poser votre question.

    Capture d’écran de l’interface de conversation inline dans la fenêtre de l’éditeur.

  3. Vous voyez des suggestions de code à partir de Copilot Chat dans la vue de diff. Vous pouvez examiner et affiner ce qui est proposé. Pour appliquer les suggestions à votre code, sélectionnez Tab. Pour ignorer les suggestions, sélectionnez Échap.

    Capture d’écran des suggestions de code en mode diff Visual Studio.

  4. Vous pouvez promouvoir votre fil de conversation inline vers la fenêtre de conversation en sélectionnant Copilot Actions>Add to Chat. Cette fonctionnalité conserve l’enregistrement et le contexte de votre conversation, et vous pouvez continuer dans la fenêtre de conversation.

    Capture d’écran montrant comment continuer le fil de conversation inline dans la fenêtre de conversation.

  5. Fermez l’affichage de conversation inline en sélectionnant Échap.

  1. Dans Visual Studio, pour afficher l’affichage de conversation inline de Copilot Chat dans l’éditeur lui-même, cliquez avec le bouton droit dans votre fenêtre de l’éditeur, puis sélectionnez Demander Copilot.

    Capture d’écran montrant comment activer la conversation inline dans l’éditeur à partir du menu contextuel.

  2. Tapez votre question liée au codage dans la zone de texte Poser Copilot , puis sélectionnez Entrée ou Envoyer pour poser votre question.

    Capture d’écran de l’interface de conversation inline dans la fenêtre de l’éditeur.

  3. Vous voyez des suggestions de code provenant de Copilot Chat dans la vue des différences. Vous pouvez examiner et affiner ce qui est proposé. Pour appliquer les suggestions à votre code, sélectionnez Accepter. Pour ignorer les suggestions, sélectionnez Annuler.

    Capture d’écran des suggestions de code en mode diff Visual Studio.

  4. Vous pouvez promouvoir votre fil de conversation inline vers la fenêtre de conversation en sélectionnant Continuer dans la fenêtre de conversation. Cette fonctionnalité conserve l’enregistrement et le contexte de votre conversation, et vous pouvez continuer dans la fenêtre de conversation.

    Capture d’écran montrant comment continuer le fil de conversation inline dans la fenêtre de conversation.

  5. Fermez l’affichage de conversation inline en sélectionnant Échap.

Joindre des images à des invites de conversation

Avec Visual Studio 17.14 et versions ultérieures, vous pouvez joindre des images dans la conversation pour ajouter une entrée contextuelle et générer de meilleures réponses.

Pour joindre une image à une invite, collez une image depuis le Presse-papiers ou sélectionnez l’icône ➕ dans la zone de saisie de la conversation. Sélectionnez Ensuite Charger une image pour charger une image à partir de l’Explorateur de fichiers. Copilot analyse l’image et l’utilise comme plus de contexte pour générer une meilleure réponse.

Capture d’écran montrant comment joindre des images dans Copilot Chat.

Cette fonctionnalité peut être pratique lorsque Copilot vous aide à développer l’interface utilisateur (par exemple, vous attachez une image de votre conception). La fonctionnalité est également utile pour le débogage (par exemple, vous joignez une capture d’écran de l’erreur).

Utilisez l’un des formats d’image suivants : PNG, JPEG et GIF (image unique uniquement). Vous pouvez joindre jusqu’à trois images par invite.

Afficher un aperçu du contenu Markdown

Vous pouvez afficher un aperçu de tout contenu Markdown généré par Copilot Chat directement dans l’éditeur Visual Studio Markdown.

Capture d’écran du bouton Aperçu dans la fenêtre Conversation Copilot pour le contenu Markdown.

Lorsque Copilot Chat génère du contenu Markdown, sélectionnez le bouton Aperçu en haut à droite de la fenêtre de conversation pour afficher un aperçu rendu. À partir de là, vous pouvez modifier et enregistrer le contenu Markdown en fonction des besoins. Cette fonctionnalité est utile lorsque vous souhaitez visualiser et travailler rapidement sur des fichiers Markdown sans copier et coller manuellement.

Générer des diagrammes Mermaid

Copilot Chat peut générer différents diagrammes Mermaid, notamment des diagrammes architecturaux, des organigrammes, des diagrammes de séquence, de classe, de Gantt et des graphiques en secteurs. Vous pouvez ensuite visualiser des structures de données et des flux de travail complexes directement dans l’éditeur.

Par exemple, vous pouvez utiliser une ou plusieurs des invites suivantes :

  • « Créer un diagramme de séquence pour le flux d’appel d’API ».
  • « Visualiser les relations entre les entités de ce schéma ».
  • « Créer un diagramme d’état mermaid pour le cycle de vie d’une tâche. »
  • « Je suis nouveau dans ce projet, visualisez les principaux composants et leurs relations pour m’aider à intégrer. »

Capture d’écran de la syntaxe du diagramme mermaid dans la conversation.

Copilot utilise des références jointes et des fichiers associés dans votre codebase pour collecter le contexte, puis retourne la syntaxe mermaid dans la fenêtre de conversation. Sélectionnez Aperçu pour ouvrir un nouveau fichier Markdown et afficher le diagramme. Vous pouvez enregistrer ou partager le graphique Markdown ou rendu pour une utilisation ultérieure.

Capture d’écran du rendu du diagramme mermaid.

Conseil / Astuce

Vous pouvez utiliser les contrôles d’aperçu Markdown pour basculer entre les modes d’aperçu et effectuer un zoom sur des diagrammes mermaid complexes.