自定义VSCode中`backquotes`内文本的颜色

时间:2018-10-12 19:36:25

标签: visual-studio-code editor syntax-highlighting vscode-settings color-scheme

我发现在Visual Studio Code中处理自定义颜色的唯一选项是:

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#FF0000" // only 6 color-customizable
    },
    "workbench.colorCustomizations": {
        "statusBar.background": "#666666",
        "panel.background": "#555555",
        "sideBar.background": "#444444"
    },
},

是否可以为这些类型的事物设置自定义颜色?存在一个用于注释和字符串(在"string"内部)。我相信使用正则表达式的其他东西也应该有类似的可能。预先感谢。

1 个答案:

答案 0 :(得分:2)

搜索tokenColorCustomizationstextMateRules,您会发现可以执行以下操作(请参见colorizing with textmate):

"editor.tokenColorCustomizations": {

    "textMateRules": [
      {
        "scope": "string.template.js.jsx",
        "settings": {
          "foreground": "#FF0000"
        }
      },
      {
       "scope": "punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",
       "settings": {
         "foreground": "#F0F"
       }
      },
    ]
}

在命令面板中使用Inspect TM Scopes...命令。因此,我使用该命令在模板文字内部单击并获得了string.template.js.jsx范围。但这并没有改变$ {someVar},因此我检查了该范围并看到了variable.other.readwrite.js.jsx以及其他范围参数-仍在努力将此类变量与其他变量隔离。

您还可以在设置中更改fontStyle。关于使用TM Scopes命令,这里有一些答案。