web-dev-qa-db-fra.com

Existe-t-il un moyen de mettre en italique les commentaires dans Visual Studio Code?

J'utilise Visual Studio Code version 1.11.2. J'ai besoin de pouvoir voir les commentaires en italique dans n'importe quel fichier de langue, ou au moins JavaScript, Python, C, C++. Existe-t-il un cadre général pour cela ou existe-t-il un moyen programmatique pour y parvenir pour le moment?

16
Amani

Merci de m'avoir indiqué dans la bonne direction Victor. Je voulais me débarrasser des commentaires en italique pour un certain thème et le mettre dans mon fichier de paramètres (Visual Studio Code 1.16.0) a fait l'affaire:

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": "comment",
      "settings": {
        "fontStyle": "normal"
      }
    }
  ]
}

Dans votre cas, Amani, remplacez normal par italic

Edit: Il semblerait que certaines choses aient un peu changé.

Si les règles ne s'appliquent pas, vous pouvez facilement déterminer de quel (s) sélecteur (s) d'étendue vous aurez besoin en utilisant Visual Studio Code (≥ v1.9) Widget Inspecteur d'étendue de TextMate .

Pour y accéder, appuyez sur ctrl/cmd + shift + p et recherchez Developer: Inspect TM Scopes

J'ai actuellement appliqué ce qui suit à mon settings.json:

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "Comment",
      "scope": [
        "comment",
        "comment.block",
        "comment.block.documentation",
        "comment.line",
        "comment.line.double-slash",
        "punctuation.definition.comment",
      ],
      "settings": {
        "fontStyle": "",
        // "fontStyle": "italic",
        // "fontStyle": "italic underline",
        // "fontStyle": "italic bold underline",
      }
    },
  ]
},
27
Jason

Oui, il existe des moyens d'y parvenir.

Cette réponse s'applique à Microsoft Windows [version 10.0.14393], Visual Studio Code 1.14.2

Si vous utilisez un thème installé depuis Extension MarketPlace, leurs fichiers se trouvent dans C:\Users\<YourUsername>\.vscode\extensions\

Disons que vous utilisez Kal.theme-glacier. Le fichier de thème est le suivant:

C:\Users\<YourUsername>\.vscode\extensions\Kal.theme-glacier-0.0.1\themes\glacier.tmTheme

Modifiez le fichier dans n'importe quel éditeur de texte (Notepad ++ recommandé)
Visual Studio Code ne devrait pas être en cours d'exécution lors de la modification des fichiers de thème ou vous devrez peut-être redémarrer VS-Code.

Recherchez le nom de clé Comment et remplacez FontStyle par italic. Le dernier bloc de code devrait ressembler à ceci:

<dict>
    <key>name</key>
    <string>Comment</string>
    <key>scope</key>
    <string>comment</string>
    <key>settings</key>
        <dict>
            <key>fontStyle</key>
            <string>italic</string>
            <key>foreground</key>
            <string>#515c68</string>
        </dict>
</dict>

Si vous utilisez un thème par défaut (non installé à partir de l'extension MarketPlace), l'emplacement est ici:

C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-<name>.

Supposons que vous utilisez le thème Light + (lumière par défaut).

Le fichier que vous souhaitez regarder en premier est
C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-defaults\themes\light_plus.json

Vous trouverez qu'il n'y a pas de clé Comment ici mais vous remarquerez "include": "./light_vs.json" Ensuite, c'est le fichier réel que vous souhaitez modifier.
Le dernier bloc de C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-defaults\themes\light_vs.json devrait ressembler à ceci:

{
    "scope": "comment",
    "settings": {
        "foreground": "#009000",
        "fontStyle": "italic"
    }
},
7
Victor Barrantes

Une réponse plus complète est publiée sur VS Code Github Issue tracker https://github.com/Microsoft/vscode/issues/32579#issuecomment-341502559

Par exemple:

punctuation.definition.comment pour désactiver l'italique sur les caractères qui créent des commentaires (comme: // et autres).

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "comment",
                "punctuation.definition.comment",
                "variable.language"
            ],
            "settings": {
                "fontStyle": ""
            }
        }
    ]
}
3
hrvoj3e