🌈VSコード変数の色を変更する方法


先日、Macとデスクトップをフォーマットし、VSCODと以前使っていたExtensionをインストールしましたが、変数やコメントの色が好きではありません.
各変数に色が指定されていないため、可読性もよくなく、最も重要なのは符号化された味がないため、変更しなければならない.

1.設定>Color Customization>Edit in Settings。json



「設定」(window:ctrl+,mac:command)でcolor customizationを検索すると、3つ、いずれかのEdit in settingが表示されます.jsonをクリックすると、上の画面と同じjsonファイルが表示されます.

2.属性の適用

"editor.tokenColorCustomizations": {
    "textMateRules": [
            {
                "scope": "스코프 범위",
                "settings": {
                    "foreground": "색상",
                    "fontStyle" : "글씨체"
                }
            }
        ],
}
変数の色とフォントを変更するには、編集します.tokenColor Customizationsのプロパティを定義する必要があります.
上記のコードでは、scopeセクションに必要な変数のscope範囲、フロントに必要な色(ex.#ffffff)とフォントを入力し、jsonファイルに入れます.

3.検索範囲



「コード作成」画面でctrl shift p(mac:command shift p)を押すと、コマンド入力ウィンドウが表示され、「エディタトークンとscopesを確認」検索後にクリックします.
必要な変数または関数注釈セクションをクリックすると、textmate scopesに対応するセクションがscope範囲になります.その部分がないとか変なことが多いので、その時は前半を書いておけばいいです.

の最後の部分



前も後も友達が目が痛いと言っていたので、元の設定通りに書いていましたが、修正した姿の方が毒性があり、コードの味がするという人もいると思います.
満足する👍 次回もiTermカスタマイズについての記事をアップします
"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": ["variable.other.constant", "variable.parameter", "comment"],
        "settings": {
          "fontStyle": ""
        }
      },
      {
        "scope": ["variable.parameter"],
        "settings": {
          "foreground": "#F78C6C"
        }
      },
      {
        "scope": ["variable.other.constant"],
        "settings": {
          "foreground": "#F07178"
        }
      }
    ],
    "comments": "#16bda7"
  }