Apprendre à utiliser l’éditeur de code

Dans cette présentation de l’éditeur de code Visual Studio, vous allez ajouter du code à un fichier et explorer comment Visual Studio facilite l’écriture, la navigation et la compréhension du 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.

Cet article suppose que vous connaissez déjà un langage de programmation. Si ce n’est pas le cas, nous vous suggérons d’examiner d’abord l’un des guides de démarrage rapide de programmation, tels que créer une application web avec Python ou C#, ou créer une application console avec Visual Basic ou C++.

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.

Créer un fichier de code

Créez un fichier et ajoutez-y du code.

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.
Dans le menu Fichier de la barre de menus, sélectionnez Nouveau>fichier ou sélectionnez les touches Ctrl+N .
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.

Essayez GitHub Copilot

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

Placez votre curseur directement sous l’accolade fermante finale } dans le fichier.
Tapez un commentaire en langage naturel : // Add a method to add two numbers et entrez.
GitHub Copilot génère une suggestion de code pour vous. L’implémentation suggérée s’affiche en texte gris.
Pour accepter la suggestion, sélectionnez Tab.

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

Sélectionnez le badge GitHub Copilot dans le coin supérieur droit de l’IDE.
Sélectionnez Ouvrir la fenêtre de conversation dans la liste déroulante.

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


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

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.

Utiliser des extraits de code

Visual Studio fournit des extraits de code utiles que vous pouvez utiliser pour générer rapidement des blocs de code couramment utilisés. Les extraits de code sont disponibles pour plusieurs langages de programmation, notamment C#, Visual Basic et C++.

Ajoutez maintenant l’extrait de code C# void Main à votre fichier.

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.
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 :

Capture d’écran d’une fenêtre contextuelle IntelliSense pour une liste d’extraits de code C#.

La liste inclut des extraits de code pour créer une classe , un constructeur , une boucle pour, une instruction si ou switch, etc.

Commenter du 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.

Capture d’écran de la barre d’outils Éditeur de texte dans Visual Studio 2022.

Nous allons commenter du code.

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;

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++.

Réduire les blocs de code

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.

Afficher les définitions de symboles

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.

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.
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.

Utiliser IntelliSense pour compléter les mots

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.

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.
Pour insérer le reste du mot query à l’aide de la saisie semi-automatique IntelliSense, sélectionnez la touche Tab.
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);
}
```

Refactoriser un nom

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.

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.
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 .
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.

Étapes suivantes

En savoir plus sur les projets et les solutions

Voir aussi

Commentaires

Cette page a-t-elle été utile ?

Last updated on 2025-12-12