Apprendre à utiliser l’éditeur de code

Si vous n’avez pas encore installé Visual Studio, allez sur la page de téléchargements de Visual Studio pour l’installer gratuitement.

Prerequisites

• Visual Studio avec les paramètres de développement C# configurés. Pour configurer les paramètres, consultez Sélectionner les paramètres d’environnement.

1. Ouvrez Visual Studio. Appuyez sur Échap ou sélectionnez Continuer sans code dans la fenêtre de démarrage pour ouvrir l’environnement de développement.

2. Dans le menu Fichier de la barre de menus, sélectionnez Nouveau>fichier.

3. Dans la boîte de dialogue Nouveau fichier , sous la catégorie Général , sélectionnez Classe Visual C#, puis Sélectionnez Ouvrir.

   Un nouveau fichier s’ouvre dans l’éditeur avec le squelette d’une classe C#. (Notez que nous n’avons pas besoin de créer un projet Visual Studio complet pour obtenir certains des avantages offerts par l’éditeur de code ; tout ce dont vous avez besoin est un fichier de code !)

   

1. Ouvrez Visual Studio. Sélectionnez la touche Échap ou continuez sans code dans la fenêtre de démarrage pour ouvrir l’environnement de développement.

2. Dans le menu Fichier de la barre de menus, sélectionnez Nouveau>fichier ou sélectionnez les touches Ctrl+N .

3. Dans la boîte de dialogue Nouveau fichier , sous la catégorie Général , sélectionnez Classe C#, puis Sélectionnez Ouvrir.

   Un nouveau fichier s’ouvre dans l’éditeur avec une structure de classe C# de base.

   

Utiliser GitHub Copilot

GitHub Copilot agit en tant que programmeur en binôme d'IA pour fournir des compléments de code de type autocomplétion et des suggestions de code multilignes contextuelles, au fur et à mesure que vous codez, en temps réel, directement dans l'éditeur. GitHub Copilot transforme les invites en langage naturel, y compris les commentaires et les noms de méthodes en suggestions de codage. Vous pouvez afficher et incorporer des suggestions de GitHub Copilot directement dans l’éditeur.

Utilisons Copilot pour générer des suggestions de code :

1. Placez votre curseur directement sous l’accolade fermante finale } dans le fichier.

2. Tapez un commentaire en langage naturel : // Add a method to add two numbers et entrez.

3. GitHub Copilot génère une suggestion de code pour vous. L’implémentation suggérée s’affiche en texte gris.

4. Pour accepter la suggestion, sélectionnez Tab.

   

Utilisons Copilot Chat pour soumettre une question liée au codage en tant qu’invite :

1. Sélectionnez le badge GitHub Copilot dans le coin supérieur droit de l’IDE.

2. Sélectionnez Ouvrir la fenêtre de conversation dans la liste déroulante.

3. Entrez l’invite suivante dans la fenêtre de conversation :

   
   Generate sample code for a simple C# method to add two numbers.
   
   

4. Copilot Chat génère un exemple de code en réponse à votre invite.

GitHub Copilot est alimenté par l’IA, donc les surprises et les erreurs sont possibles. Pour plus d’informations, consultez les FAQ sur GitHub Copilot.

Prise en main de GitHub Copilot avec Visual Studio.

1. Placez votre curseur juste au-dessus de l’accolade fermante finale } dans le fichier, puis tapez les caractères svm. (svm signifie static void Main; la méthode Main() est le point d’entrée pour les applications C#.)

   Une boîte de dialogue contextuelle s’affiche avec des informations sur l’extrait de code svm.

   

2. Appuyez sur Tab deux fois pour insérer l’extrait de code.

   Vous verrez que la signature de méthode static void Main() est ajoutée au fichier.

Les extraits de code disponibles varient selon les différents langages de programmation. Vous pouvez examiner les extraits de code disponibles pour votre langue en choisissant Modifier>IntelliSense>Insérer un extrait de code, puis en choisissant le dossier de votre langue. Pour C#, la liste ressemble à ceci :

1. Placez votre curseur juste au-dessus de l’accolade fermante finale } dans le fichier, puis tapez les caractères svm.

   Une boîte de dialogue contextuelle s’affiche avec des informations sur l’extrait de code svm.

   

2. Sélectionnez la touche Tab deux fois pour insérer l’extrait de code.

   Vous verrez que la signature de méthode static void Main() est ajoutée au fichier. La méthode Main() est le point d’entrée pour les applications C#.

Les extraits de code disponibles varient selon le langage de programmation. Pour afficher les extraits de code disponibles pour votre langue, accédez à >> ou sélectionnez CtrlK+, Touches X Ctrl+, puis sélectionnez le dossier de votre langage de programmation. Pour C#, la liste d’extraits de code ressemble à ceci :

La barre d’outils, qui est la ligne de boutons sous la barre de menus de Visual Studio, peut vous aider à rendre votre code plus productif. Par exemple, vous pouvez activer le mode d’achèvement IntelliSense ( IntelliSense est une aide de codage qui affiche une liste de méthodes correspondantes, entre autres), augmenter ou diminuer un retrait de ligne ou commenter le code que vous ne souhaitez pas compiler. Dans cette section, nous allons commenter du code.

1. Collez le code suivant dans le corps de la méthode Main().

   // _words is a string array that we'll sort alphabetically
   string[] _words = {
       "the",
       "quick",
       "brown",
       "fox",
       "jumps"
   };
   
   string[] morewords = {
       "over",
       "the",
       "lazy",
       "dog"
   };
   
   IEnumerable<string> query = from word in _words
                               orderby word.Length
                               select word;
   

2. Nous n’utilisons pas la variable morewords, mais nous pouvons l’utiliser ultérieurement afin de ne pas vouloir la supprimer complètement. Au lieu de cela, nous allons commenter ces lignes. Sélectionnez l’intégralité de la définition de morewords jusqu'au point-virgule, puis choisissez le bouton Commenter les lignes sélectionnées dans la barre d’outils. Si vous préférez utiliser le clavier, appuyez sur Ctrl+K, Ctrl+C.

   

   Les caractères de commentaire C# // sont ajoutés au début de chaque ligne sélectionnée pour commenter le code.

La barre d’outils Éditeur de texte, la ligne de boutons sous la barre de menus de Visual Studio, vous permet de vous rendre plus productif lorsque vous codez. Par exemple, vous pouvez activer le mode d’achèvement IntelliSense , augmenter ou diminuer un retrait de ligne ou commenter le code que vous ne souhaitez pas compiler.

Nous allons commenter du code.

1. Collez le code suivant dans le corps de la méthode Main().

   // someWords is a string array.
   string[] someWords = {
       "the",
       "quick",
       "brown",
       "fox",
       "jumps"
   };
   
   string[] moreWords = {
       "over",
       "the",
       "lazy",
       "dog"
   };
   
   // Alphabetically sort the words.
   IEnumerable<string> query = from word in someWords
                               orderby word
                               select word;
   

2. La moreWords variable n’est pas actuellement utilisée, mais vous pouvez l’utiliser ultérieurement. Par conséquent, au lieu de la supprimer, vous pouvez commenter ces lignes. Sélectionnez la définition complète de moreWords jusqu'au point-virgule final, puis sélectionnez le bouton Commenter les lignes sélectionnées dans la barre d’outils de l'éditeur de texte, ou sélectionnez Ctrl+K, Ctrl+C.

   

   Les caractères de commentaire C# // sont ajoutés au début de chaque ligne sélectionnée pour commenter le code.

   Pour enlever les commentaires, vous pouvez sélectionner les lignes, puis choisir le bouton Annuler les commentaires des lignes sélectionnées dans la barre d’outils de l'Éditeur de texte, ou sélectionner Ctrl+, Ctrl++.

   

Nous n’avons pas besoin de voir le constructeur vide de Class1 qui a été généré. Pour plus de lisibilité, nous allons donc réduire ce bloc de code. Choisissez la petite case grise avec le signe moins qui se trouve dans la marge de la première ligne du constructeur. Ou, si vous préférez utiliser le clavier, placez le curseur n’importe où dans le code du constructeur et appuyez sur Ctrl+M, Ctrl+M.

Le bloc de code s’réduit à la première ligne, suivi d’un point de suspension (...). Pour développer à nouveau le bloc de code, cliquez sur la même zone grise qui a maintenant un signe plus, ou appuyez à nouveau sur Ctrl+M, Ctrl+M. Cette fonctionnalité, appelée Mode Plan, est très utile pour réduire des méthodes longues ou des classes entières.

Si vous ne souhaitez pas voir le constructeur vide qui a été généré pour Class1, vous pouvez le réduire pour désencombrer votre vue du code. Sélectionnez le curseur dans la marge de la première ligne du constructeur. Ou, si vous préférez utiliser le clavier, placez le curseur n’importe où dans le code du constructeur et sélectionnez les touches Ctrl+, Ctrl+M.

Le bloc de code s’réduit à la première ligne, suivi d’un point de suspension (...). Pour développer à nouveau le bloc de code, sélectionnez le signe du chevron (>) ou sélectionnez Ctrl+M, Ctrl+M. Cette fonctionnalité, appelée Mode Plan, est très utile pour réduire des méthodes longues ou des classes entières.

L’éditeur Visual Studio facilite l’inspection de la définition d’un type, d’une méthode, etc. L’une des façons consiste à accéder au fichier qui contient la définition, par exemple en choisissant Atteindre la définition n’importe où le symbole est référencé. Une autre façon encore plus rapide, sans avoir à déplacer le focus en dehors du fichier dans lequel vous travaillez, consiste à utiliser la fonctionnalité Aperçu de la définition. Examinons la définition du type string.

1. Cliquez avec le bouton droit sur une occurrence de string, puis choisissez Aperçu de la définition dans le menu de contenu. Ou appuyez sur Alt+F12.

   Une fenêtre contextuelle s’affiche avec la définition de la classe String. Vous pouvez faire défiler la fenêtre contextuelle, ou même afficher la définition d’un autre type à partir du code aperçu.

   

2. Fermez la fenêtre de définition aperçue en choisissant la petite boîte avec un « x » en haut à droite de la fenêtre contextuelle.

L’éditeur Visual Studio facilite l’inspection de la définition d’un type, d’une méthode ou d’une variable. L’une des façons consiste à accéder à la définition, dans quel fichier qu’il contient, en choisissant Atteindre la définition ou en sélectionnant la touche F12 n’importe où un symbole est référencé. Une autre façon encore plus rapide, sans avoir à déplacer le focus en dehors du code dans lequel vous travaillez, consiste à utiliser la fonctionnalité Aperçu de la définition.

Examinons la définition du type string.

1. Cliquez avec le bouton droit sur une occurrence de string, puis choisissez Aperçu de la définition dans le menu de contenu. Vous pouvez également sélectionner les touches Alt+F12 .

   Une fenêtre contextuelle s’affiche avec la définition de la classe String. Vous pouvez faire défiler la fenêtre contextuelle, ou même afficher la définition d’un autre type à partir du code aperçu.

   

2. Fermez la fenêtre de définition d’aperçu en choisissant la petite zone avec un « x » en haut à droite de la fenêtre contextuelle.

IntelliSense est une ressource inestimable lorsque vous codez. Il peut vous afficher des informations sur les membres disponibles d’un type ou des détails de paramètre pour différentes surcharges d’une méthode. Vous pouvez également utiliser IntelliSense pour terminer un mot après avoir tapé suffisamment de caractères pour le lever d’ambiguïté. Ajoutons une ligne de code pour imprimer les chaînes ordonnées dans la fenêtre de console, qui est l’emplacement standard pour la sortie du programme.

1. Sous la variable query, commencez à taper le code suivant :

   foreach (string str in qu
   

   IntelliSense affiche une Info express relative au symbole query.

   

2. Pour insérer le reste du mot query à l’aide de la fonctionnalité d’achèvement de mot d’IntelliSense, appuyez sur Tab.

3. Terminez le bloc de code pour ressembler au code suivant. Vous pouvez même utiliser à nouveau des extraits de code en entrant cw, puis en appuyant sur Tab deux fois pour générer le code Console.WriteLine.

   foreach (string str in query)
   {
      Console.WriteLine(str);
   }
   

IntelliSense est une ressource inestimable lorsque vous codez. Il peut vous afficher des informations sur les membres disponibles d’un type ou des détails de paramètre pour différentes surcharges d’une méthode. Vous pouvez également utiliser IntelliSense pour terminer un mot après avoir tapé suffisamment de caractères pour le lever d’ambiguïté.

Ajoutons une ligne de code pour imprimer les chaînes ordonnées dans la fenêtre de console, qui est l’emplacement standard pour la sortie du programme.

1. Sous la variable query, commencez à taper le code suivant :

   foreach (string str in qu
   

   Une fenêtre contextuelle IntelliSense s’affiche avec des informations sur le symbole query.

   

   Si vous êtes connecté avec un compte GitHub disposant d’un abonnement Copilot, vous verrez également les suggestions de code s’afficher en texte gris.

2. Pour insérer le reste du mot query à l’aide de la saisie semi-automatique IntelliSense, sélectionnez la touche Tab.

3. Terminez le bloc de code pour ressembler au code suivant. Vous pouvez continuer à utiliser des extraits de code en entrant cw puis en sélectionnant Tab deux fois pour créer l’instruction Console.WriteLine.

   foreach (string str in query)
   {
      Console.WriteLine(str);
   }
   

Personne n’obtient le code la première fois, et l’une des choses que vous devrez peut-être modifier est le nom d’une variable ou d’une méthode. Essayons la fonctionnalité de refactorisation de Visual Studio pour renommer la variable _words à words.

1. Placez votre curseur sur la définition de la variable _words, puis choisissez Renommer dans le menu contextuel ou cliquez avec le bouton droit, ou appuyez sur Ctrl+R, Ctrl+R.

   Une boîte de dialogue contextuelle Renommer s’affiche en haut à droite de l’éditeur.

2. Entrez le nom souhaité, words. Notez que la référence à words dans la requête est également renommée automatiquement. Avant d’appuyer sur Entrée, cochez la case Inclure les commentaires dans la boîte de dialogue contextuelle Renommer.

   

3. Press Enter.

   Les deux occurrences de words ont été renommées, ainsi que la référence à words dans le commentaire de code.

Personne n’obtient le code la première fois, et l’une des choses que vous devrez peut-être modifier est le nom d’une variable ou d’une méthode. Essayons la fonctionnalité de refactorisation de Visual Studio pour renommer la variable someWords à unsortedWords.

1. Placez votre curseur sur la définition de la someWords variable, puis choisissez Renommer dans le menu contextuel ou cliquez avec le bouton droit, ou sélectionnez la touche F2 .

   Une boîte de dialogue Renommer s’affiche en haut à droite de l’éditeur.

   

2. Entrez le nom souhaité, unsortedWords. Vous verrez que la référence à unsortedWords dans l’instruction d’affectation query est également renommée automatiquement. Avant de sélectionner la touche Entrée , cochez la case Inclure les commentaires dans la zone contextuelle Renommer .

   

3. Appuyez sur la touche Entrée.

   Les deux occurrences de someWords dans votre code ont été renommées, ainsi que le texte someWords dans votre commentaire de code.