web-dev-qa-db-ja.com

Visual Studio Codeでコメントを斜体にする方法はありますか？

Visual Studio Codeバージョン1.11.2を使用しています。どの言語ファイルでも、少なくともJavaScript、Python、C、C++で斜体のコメントを表示できる必要があります。そのための一般的な設定はありますか、それとも現時点でそれを達成できるプログラム的な方法はありますか？

visual-studio-codevscode-settings
16
Amani

ビクターを正しい方向に向けてくれてありがとう。特定のテーマのイタリック体のコメントを削除したかったので、これを設定ファイル（Visual Studio Code 1.16.0）に入れてトリックを行いました。

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

あなたの場合、アマニ、normalをitalicに置き換えてください

編集：若干の変更が少し加えられたようです。

ルールの適用に失敗した場合、Visual Studio Code（≥v1.9） TextMate Scope Inspector Widget を使用して、必要なスコープセレクターを簡単に把握できます。

アクセスするには、ctrl/cmd + shift + pを押してDeveloper: Inspect TM Scopesを探します

現在、以下を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

はい、これを達成する方法があります。

この回答は、Microsoft Windows [バージョン10.0.14393]、Visual Studio Code 1.14.2に適用されます

Extension MarketPlaceからインストールされたテーマを使用している場合、それらのファイルは_C:\Users\<YourUsername>\.vscode\extensions\_にあります

Kal.theme-glacierを使用しているとしましょう。テーマファイルは次のとおりです。

_C:\Users\<YourUsername>\.vscode\extensions\Kal.theme-glacier-0.0.1\themes\glacier.tmTheme_

テキストエディターでファイルを編集します（Notepad ++を推奨）
テーマファイルの編集中はVisual Studio Codeを実行しないでください。VS-Codeを再起動する必要がある場合があります。

キー名Commentを見つけて、FontStyleをitalicに変更します。コードの最終ブロックは次のようになります。

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

デフォルトのテーマ（Extension MarketPlaceからインストールされていない）を使用している場合、場所は次のとおりです。

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

Light +（デフォルトのライト）テーマを使用しているとしましょう。

最初に見たいファイルは
C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-defaults\themes\light_plus.json

ここにはCommentキーはありませんが、_"include": "./light_vs.json"_に気付くでしょう。これは実際に編集したいファイルです。
C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-defaults\themes\light_vs.jsonの最終ブロックは次のようになります。

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

より完全な回答がVS Code Github Issue trackerに投稿されています https://github.com/Microsoft/vscode/issues/32579#issuecomment-341502559

例えば：

punctuation.definition.commentは、コメントを作成する文字の斜体を無効にします（例：//およびその他）。

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