如何在WebStorm IDE中为以//!开头的注释设置红色高亮？

直接通过VS Code的自定义语法高亮配置即可实现，步骤如下：

• 打开VS Code的设置JSON文件：按下Ctrl+,打开设置面板，点击右上角的「打开设置(JSON)」图标进入编辑界面。
• 添加以下配置到settings.json中：

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "comment.line.double-slash.js",
          "comment.line.double-slash.jsx",
          "comment.line.double-slash.ts",
          "comment.line.double-slash.tsx"
        ],
        "settings": {
          "foreground": "#ff0000",
          "fontStyle": ""
        },
        "match": "^\\s*//!.*$"
      }
    ]
  }
  

• 保存配置后，按下Ctrl+Shift+P执行「Reload Window」命令，使设置生效。

配置说明 #

• scope字段覆盖了JS、JSX、TS、TSX文件中的单行注释语法范围，确保所有目标文件类型都能匹配。
• match正则表达式会匹配**任意空白字符开头，紧跟//!**的注释行，精准定位目标注释。
• foreground设置为红色十六进制码#ff0000，你可以根据需求替换为其他颜色值；fontStyle留空表示使用默认样式，如需加粗可设置为bold。

内容的提问来源于stack exchange，提问作者Assaf Fogelman אסף פוגלמן