如何在VSCODE中使用Textmate更改JSX Component标签的语法突出显示？

Question

我找不到有关语法突出显示jsx Component标签的任何文档。例如，我想大胆而又分开关注。

www/index.html

Answer 1

您可以使用以下范围：

  {
    "scope": [
      "support.class.component.open.jsx", // JSX Component
      "support.class.component.close.jsx",
    ],
    "settings": {
      "foreground": "#20d397",
      "fontStyle": "bold"
    }
  },
  {
    "scope": [
      "entity.name.tag.open.jsx", // Regular JSX/HTML tag
      "entity.name.tag.close.jsx"
    ],
    "settings": {
      "foreground": "#d32082",
    }
  },

我使用了对比色，因此您可以看到以下结果：