我正在尝试使用 Visual Studio Code's theme settings 创建自定义语法样式通过TextMate language grammars .

具体来说，我想将所有 JavaScript 的保留关键字设为斜体。我已经通过以下设置成功完成了 98% 的工作(剩下的内容包含评论)。

不幸的是，有一些规则我没能找到:

1. storage 包含粗箭头符号，我不想包含它。我试图更具体一些，如下面的设置所示，但无法为 constructor 和 const 找到更具体的设置。此外，"storage.type.function" 是我能找到的最明确的函数设置(需要 function 关键字，但它包含粗箭头)。
2. keyword 包括逻辑运算符等字符，同样，我不想包含这些字符。 keyword.operator 是文本运算符(例如 in、instanceof)所必需的，但包括字符运算符。
3. 我无法找到 eval(严格禁止)或 package(未使用的 future 关键字)的规则。

有什么想法吗？

const settings = {
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          // TODO: missing keywords: package, eval

      // all comment types
      "comment",

      // true, false, null
      "constant.language",

      // import, from, export, default, return, if, for, break, continue, try, catch, finally,
      // throw, default, yield, await
      "keyword.control",

      // TODO: remove operator symbols
      // in, void, delete, instanceof
      "keyword.operator",

      // debugger
      "keyword.other",

      // new
      "keyword.operator.new",

      // enum
      "storage.type.enum",

      // super, this, arguments
      "variable.language",

      // attributes in html, jsx, etc.
      "entity.other.attribute-name",

      // TODO: remove storage.type after finding explicit for constructor, const, let, var
      "storage.type",

      // static, extends, async, private, public, implements
      "storage.modifier",

      // TODO: exclude fat arrow
      // function
      "storage.type.function",

      // class
      "storage.type.class",

      // interface
      "storage.type.interface",
    ],
    "settings": {
      "fontStyle": "italic"
    }
  },
]
  },
};

最佳答案

事实证明，在 VS Code 中，您可以轻松找到所需的范围。

使用 ctrl/cmd + shift + p 打开命令搜索并搜索 Developer: Inspect TM scopes。然后，您可以单击要查找范围的任何符号/单词的左侧。

回答我自己的问题:

1. 到目前为止，const、let、var 或 function 关键字还没有明确的作用域单独(storage.type.function 包括保留字和箭头)。但是，函数箭头有一个明确的范围:storage.type.function.arrow。这允许我们包含整个 storage 范围，然后显式排除箭头。
2. keyword.operator.expression 是仅表示为单词的运算符所需的范围。
3. eval 和 package 的具体范围尚不可用。您可以将 eval 与 support.function 和 package 与 variable.other.readwrite 结合，但这些范围很广并将包括许多其他结果。

话虽如此，下面列出了在 VS Code 中将所有 JavaScript 保留关键字斜体化所需的规则(还包括注释和 jsx/html 属性):

"editor.tokenColorCustomizations": {
"textMateRules": [
  {
    "scope": [
      // all comment types
      "comment",

      // true, false, null
      "constant.language",

      // import, from, export, default, return, if, for, break, continue, try, catch, finally,
      // throw, default, yield, await
      "keyword.control",

      // in, void, delete, instanceof
      "keyword.operator.expression",

      // debugger
      "keyword.other",

      // new
      "keyword.operator.new",

      // super, this, arguments
      "variable.language",

      // attributes in html, jsx, etc.
      "entity.other.attribute-name",

      // static, extends, async, private, public, implements
      // constructor, const, let, var, enum, class, function, interface
      // no explicit scopes for constructor, const, let, var
      // also no explicit scope for function without the arrow
      // therefore we enable all storage and explictly exclude the arrow in another scope
      "storage",

      // // no explicit scope for the eval keyword yet
      // // can be targeted with the scope below, but scope is too broad
      // "support.function",

      // // no explicit scope for the package keyword yet
      // // can be targeted with the scope below, but scope is too broad
      // "variable.other.readwrite",
    ],
    "settings": {
      "fontStyle": "italic"
    }
  },
  {
    "scope": [
      // function keyword does not have an explicit scope without the arrow
      // therefore we explictly exclude the function arrow from being italicized
      "storage.type.function.arrow",
    ],
    "settings": {
      "fontStyle": ""
    }
  }
]
  }

关于javascript - 在 VS Code 中斜体化 JavaScript 的保留关键字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51110201/