如何在VSCode嵌套语言中实现TODO语法高亮注入？

1. 确认嵌入区域的作用域映射 #

• 打开VSCode的「Developer: Inspect Editor Tokens and Scopes」工具，选中嵌入区域的代码，检查实际生效的作用域是否包含目标语言的顶层作用域（比如嵌入JS时的source.js）。
• 确保自定义语言的语法文法里，嵌入块的contentName或injectionScope已正确设置为目标语言的顶层作用域，而非自定义语言的内部作用域。

2. 调整TODO插件的注入规则 #

• 找到TODO插件的package.json，定位到其高亮规则的配置段（通常是contributes.textMateRules或contributes.semanticTokenScopes）。
• 修改规则的scope或injectionSelector，使其覆盖嵌入场景：
  • 若原规则是针对source.js，可扩展为source.js, meta.embedded.block.js（这里meta.embedded.block.js是自定义语言中嵌入JS区域的作用域）；
  • 若是TextMate注入，把injectionSelector从L:source.js改为L:source.js | L:source.my-custom-language meta.embedded.block.js。

3. 在自定义语言插件中显式关联注入 #

• 在自定义语言的package.json的contributes.textMateRules里添加规则，强制将目标语言的注入绑定到嵌入区域：

  {
    "scope": "meta.embedded.block.js",
    "injectTo": ["source.js"],
    "settings": {
      "injectionSelector": "L:source.my-custom-language meta.embedded.block.js"
    }
  }
  

• 替换示例中的meta.embedded.block.js和source.my-custom-language为实际的嵌入区域作用域与自定义语言顶层作用域。

4. 验证调试 #

• 修改后重启VSCode，再次用「Inspect Editor Tokens and Scopes」检查嵌入区域的TODO注释，确认其是否被标记到对应的高亮作用域。
• 若仍不生效，检查自定义语言的语法文法是否在begin/end块中正确传递了嵌入语言的作用域。

内容的提问来源于stack exchange，提问作者miThom