Visual Studio Codeでコメントの色を変更するにはどうすればよいですか?


回答:


161

1.15(2017年7月)あなたがからそれを変更することができますsettings.json Ctrl +,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

1.20(2018年1月)から、テーマごとに個別に行うこともできます。

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

適切なスコープを見つける:

開発者:TMスコープを検査します editor.action.inspectTMScopes

demo tminspectコマンド

セレクターの優先順位:

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



わかりました、その他の例(for js):

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

comment ここに画像の説明を入力してください punctuation.definition.comment ここに画像の説明を入力してください comment.block.documentation ここに画像の説明を入力してください storage.type.class.jsdoc ここに画像の説明を入力してください entity.name.type.instance.jsdoc ここに画像の説明を入力してください variable.other.jsdoc ここに画像の説明を入力してください


背景/前景の可能性はありますか?
ジョニーダープ2018年


1
コメントテキストの前の//と/ *の設定を知っている人はいますか?また、設定が「文字列の前に何のためにあるのか?
Superdooperhero

答えから「適切なスコープを見つける」リンクを試すことができます。
アレックス

1
コメントブロックの開始セクションと終了セクションの色を変更する方法。/**そして*/彼らは、コメントの色を設定した後、そのままご利用いただけます。真ん中の部分が色を変えています。
andre dewaard19年

26

設定に移動します。 ここに画像の説明を入力してください

次に、settings.jsonを検索し ここに画像の説明を入力してください てファイルを開き、次のコード行を追加します。

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

コメントの色にカーソルを合わせ、希望の色を選択して、好みに応じてコメントの色を変更します。 ここに画像の説明を入力してください 次に、変更を保存します。(Ctrl + S)プログラムを終了します。もう一度開くと、変更が表示されます。 ここに画像の説明を入力してください


6
ビジュアルありがとうございます。ナビゲートがはるかに簡単になります。
Biarys

19

答えと@JohnnyDerpのコメントを拡張します。次を使用して、フォントの色とスタイルを変更できます。

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

backgroundこの方法で変更することはできません。色とスタイルのみを変更できます。2018年6月現在。


また、コメントpuntuation(のような//)の色の変更に関するいくつかのコメントへの回答として-独自のtextmateルールで個別に色付けする必要がありますが、2019年10月のリリースでそれを修正するための変更が行われる可能性があります-現時点では未解決の問題ですが、2019年10月のマイルストーンに追加されました。https://github.com/microsoft/vscode/milestone/102を参照してください


6

現時点では、トークンの色を設定内でカスタマイズできないようです。

最も目立つエディターの色は、インストールされている言語の文法に基づくトークンの色です。これらの色はカラーテーマによって定義されており、(現在)設定でカスタマイズすることはできません。

ソース:https//code.visualstudio.com/docs/getstarted/theme-color-reference

たとえば、C:\ Program Files(x86)\ Microsoft VS Code \ resources \ app \ extensions \ theme-monokaiのテーマフォルダーに移動し、monokai-color-theme.jsonファイルを編集すると、次のようになります。 「name」:「Comment」の行の場合、「foreground」の色を変更すると機能します。必ずプログラムを再起動してください。


5

マークが言ったように、しかし"scope":後に追加する"comment"

「punctuation.definition.comment」

句読点も色付けするには、

例(//javescript | /* */css | <!-- -->html)。

"scope": ["comment", "punctuation.definition.comment"]

3

VSコードで設定ファイルを編集し、次の3つの手順を実行するだけで、VSコードを変更できます。

ステップ1: ここに画像の説明を入力してください

ステップ2: ここに画像の説明を入力してください

ステップ3: ここに画像の説明を入力してください


2

VSCodeのコメントの色を変更するには

ファイル->設定->設定

このプロジェクトのみを変更するには、[ワークスペース設定]タブを
選択します。すべてのプロジェクトで変更するには、[ユーザー設定]タブを選択します。

「settings.json」を検索し、「settings.jsonで編集」するオプションを探します

コメントの色設定を中括弧内のどこかに挿入します。

  "editor.tokenColorCustomizations":{
    "コメント": "#ff4"
  }

現在のカラーテーマを上書きしていると文句を言うかもしれませんが、それは無視してください。

「editor.tokenColorCustomizations」のセクションがすでにある場合は、コメントの色を指定する行を追加するだけです。


0

ドキュメント、ブロック、およびラインの設定

Doc、Block、およびLineコメントの異なる色を使用するには:

コメントプレビュー

"editor.tokenColorCustomizations": {
    "[Cobalt2]": {
        "textMateRules": [
            {
                "scope": [
                    "comment.block",
                    "punctuation.definition.comment.end",
                    "punctuation.definition.comment.begin"
                ],
                "settings": {
                    "foreground": "#85b3f8",
                    "fontStyle": "bold"
                }
            },
            {
                "scope": [
                    "comment.block.documentation",
                    "punctuation.definition.comment.begin.documentation",
                    "punctuation.definition.comment.end.documentation"
                ],
                "settings": {
                    "foreground": "#6bddb7",
                    "fontStyle": "bold"
                }
            },{
                "scope":["comment.line", "punctuation.definition.comment"],
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

C ++でテスト済み。


0

コメントの件名にコメントしているときに、VSCodeの「BetterComments」拡張機能が非常に役立つことがわかりました。あなたは、デフォルトのコメントの色を変更することもできるなど、あなたのコメントに様々な色を与えるので、重要性に基づいて、あなたのコメントを分類することができます。 https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
例: この拡張機能は、ユーザー設定やワークスペースの設定で設定することができます。
拡張ページから借用

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.