Démarrage rapide : personnaliser l’éditeur et l’IDE de Visual StudioQuickstart: Personalize the Visual Studio IDE and Editor

Dans ce guide de démarrage rapide qui dure entre 5 et 10 minutes, nous allons personnaliser le thème de couleur de Visual Studio en sélectionnant le thème sombre.In this 5-10 minute quickstart, we'll customize the Visual Studio color theme by selecting the dark theme. Nous allons également personnaliser les couleurs de deux types de texte différents dans l’éditeur de texte.We'll also customize the colors for two different types of text in the text editor.

Si vous n’avez pas encore installé Visual Studio, accédez à la page Téléchargements Visual Studio pour l’installer gratuitement.If you haven't already installed Visual Studio, go to the Visual Studio downloads page to install it for free.

Définir le thème de couleurSet the color theme

Le thème de couleur par défaut de l’interface utilisateur de Visual Studio 2017 se nomme Bleu.The default color theme for Visual Studio 2017's user interface is called Blue. Nous allons le remplacer par le thème Dark (Sombre).Let's change it to Dark.

  1. Dans la barre de menus, qui est la rangée de menus tels que Fichier et Edition, choisissez Outils > Options.On the menu bar, which is the row of menus such as File and Edit, choose Tools > Options.

  2. Dans la page Environnement > Options générales, remplacez la sélection du Thème de couleur par Sombre, puis choisissez OK.On the Environment > General options page, change the Color theme selection to Dark, and then choose OK.

    Le thème de couleur de l’environnement de développement (IDE) Visual Studio entier change et devient Sombre.The color theme for the entire Visual Studio development environment (IDE) is changed to Dark.

    VS dans le thème Sombre

Tip

Vous pouvez installer d’autres thèmes prédéfinis en téléchargeant et en installant l’éditeur de thème de couleur de Visual Studio à partir de la place de marché Visual Studio.You can install additional predefined themes by installing the Visual Studio Color Theme Editor from the Visual Studio marketplace. Une fois cet outil installé, d’autres thèmes de couleurs apparaissent dans la liste déroulante des thèmes de couleurs.After you install this tool, additional color themes appear in the Color theme drop-down list.

Modifier la couleur du texteChange text color

Nous allons maintenant personnaliser des couleurs de texte dans l’éditeur.Now we'll customize some text colors for the editor. Tout d’abord, créons un fichier XML pour voir les couleurs par défaut.First, let's create a new XML file to see the default colors.

  1. Dans la barre de menus, choisissez Fichier > Nouveau > Fichier.From the menu bar, choose File > New > File.

  2. Dans la boîte de dialogue Nouveau fichier, sous la catégorie Général, choisissez Fichier XML, puis Ouvrir.In the New File dialog box, under the General category, choose XML File, and then choose Open.

  3. Collez le fichier XML ci-dessous sous la ligne contenant <?xml version="1.0" encoding="utf-8"?>.Paste the following XML below the line that contains <?xml version="1.0" encoding="utf-8"?>.

    <Catalog>
      <Book id="bk101">
      <Author>Garghentini, Davide</Author>
      <Title>XML Developer's Guide</Title>
      <Genre>Computer</Genre>
      <Price>44.95</Price>
      <PublishDate>2000-10-01</PublishDate>
      <Description>
        An in-depth look at creating applications with XML.
      </Description>
    </Book>
    <Book id="bk102">
      <Author>Garcia, Debra</Author>
      <Title>Midnight Rain</Title>
      <Genre>Fantasy</Genre>
      <Price>5.95</Price>
      <PublishDate>2000-12-16</PublishDate>
      <Description>
        A former architect battles corporate zombies, an evil
        sorceress, and her own childhood to become queen of the world.
      </Description>
    </Book>
    </Catalog>
    

    Notez que les numéros de ligne s’affichent en turquoise et que les attributs XML (tels que id="bk101") s’affichent en bleu clair.Notice that the line numbers are a turquoise-blue color, and the XML attributes (such as id="bk101") are a light blue color. Nous allons changer la couleur de texte de ces éléments.We're going to change the text color for these items.

    Couleurs de police du fichier XML

  4. Pour ouvrir la boîte de dialogue Options, choisissez Outils > Options dans la barre de menus.To open the Options dialog box, choose Tools > Options from the menu bar.

  5. Sous Environnement, choisissez la catégorie Polices et couleurs.Under Environment, choose the Fonts and Colors category.

    Notez que le texte sous Afficher les paramètres de indique Éditeur de texte — et c’est ce que nous voulons.Notice that the text under Show settings for says Text Editor—this is what we want. Développez la liste déroulante pour voir la liste étendue d’emplacements où vous pouvez personnaliser les polices et la couleur du texte.Expand the drop-down list just to see the extensive list of places where you can customize fonts and text color.

  6. Pour changer la couleur du texte des numéros de ligne, dans la liste Afficher les éléments, sélectionnez Numéro de ligne.To change the color of the line numbers text, in the Display items list, choose Line Number. Dans la zone Premier plan de l’élément, choisissez Olive.In the Item foreground box, choose Olive.

    Boîte de dialogue Options, catégorie Polices et couleurs

    Certains langages ont leurs propres paramètres de polices et de couleurs.Some languages have their own specific fonts and colors settings. Si vous développez en C++ et que vous souhaitez changer la couleur utilisée pour les fonctions par exemple, recherchez Fonctions C++ dans la liste Afficher les éléments.If you are a C++ developer and you want to change the color used for functions, for example, you can look for C++ Functions in the Display items list.

  7. Avant de fermer la boîte de dialogue, changeons aussi la couleur des attributs XML.Before we exit out of the dialog box, let's also change the color of XML attributes. Dans la liste Afficher les éléments, sélectionnez Attribut XML.In the Display items list, scroll down to XML Attribute and select it. Dans la zone Premier plan de l’élément, choisissez Vert clair.In the Item foreground box, choose Lime. Sélectionnez OK pour enregistrer nos sélections et fermer la boîte de dialogue.Choose OK to save our selections and close the dialog box.

    Les numéros de ligne s’affichent désormais en couleur olive et les attributs XML s’affichent désormais en vert clair.The line numbers are now an olive color, and the XML attributes are a bright, lime green. Si vous ouvrez un autre type de fichier, comme un fichier de code C++ ou C#, vous remarquerez que les numéros de ligne s’affichent aussi en couleur olive.If you open another file type, such as a C++ or C# code file, you'll see that the line numbers also appear in the olive color.

    Fichier XML avec nouvelles couleurs de police

Nous avons seulement exploré deux façons de personnaliser les couleurs dans Visual Studio.We explored just a couple ways of customizing the colors in Visual Studio. Nous espérons que vous explorerez les autres options de personnalisation dans la boîte de dialogue Options pour réellement vous familiariser avec Visual Studio.We hope that you'll explore the other customization options in the Options dialog box, to truly make Visual Studio your own.

Voir aussiSee also