如何在VSCode中为含JavaScript的代码注释添加语法高亮？

以下几种方法可以实现需求：

• 用专用扩展搞定（最简单）
  直接安装VSCode的扩展，比如Comment Syntax Highlighter或者Code in Comments，这类扩展能自动识别注释块里的代码片段，给里面的JS代码加上对应的语法高亮。装完开启扩展就行，HTML、JS、CSS文件里的注释都能处理。

• 自定义语法规则（进阶玩法）
  如果想自己控制高亮样式，可以修改VSCode的settings.json，添加TextMate语法规则。比如加入这段配置：

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment.block.html",
        "settings": {
          "foreground": "#6A9955"
        }
      },
      {
        "scope": "comment.block.html meta.embedded.block.javascript",
        "settings": {
          "foreground": "#569CD6",
          "fontStyle": ""
        }
      }
    ]
  }
  

  这种方式需要懂点TextMate语法，适合想要精准调整高亮效果的场景。

• 手动加标记触发高亮
  在注释里用特定标记把JS代码包起来，比如HTML注释里写<!-- /* js */ const a = 1; /* js */ -->，部分扩展能识别这类标记，自动给里面的JS代码加高亮。不过这个要手动加标记，适合零散的小代码片段。

内容的提问来源于stack exchange，提问作者Luís Henrique de Almeida