如何在VSCode中高亮XML CDATA标签内的嵌入JavaScript代码？

方法1：通过VSCode内置XML配置实现 #

VSCode内置的XML语法支持为特定标签下的CDATA块指定对应语言，步骤如下：

1. 打开设置界面（快捷键Ctrl+,），搜索xml.cDataLanguages
2. 点击「编辑 in settings.json」，添加以下配置：

"xml.cDataLanguages": {
  "Script": "javascript"
}

这里的"Script"对应你XML中的<Script>标签名，"javascript"是要启用语法高亮的语言ID。保存配置后重新打开XML文件，CDATA内的JavaScript代码即可正常高亮。

配置生效后，你的示例代码：

<Script>
    <![CDATA[

      let x = myFunction(4, 3);   

      function myFunction(a, b) {
          return a * b;            
      }
            
    ]]>
</Script>

中的JS代码会像普通JS文件一样显示语法高亮。

方法2：借助第三方XML扩展增强支持 #

如果内置配置满足不了需求，可以安装Language Support for XML by Red Hat或XML Tools这类专业XML扩展。它们同样支持xml.cDataLanguages配置，操作和方法1完全一致，部分扩展还会默认支持<script>这类常见标签的CDATA语法高亮，无需手动配置。

方法3：自定义TextMate语法（进阶场景） #

如果需要匹配带特定属性的标签等复杂规则，可以自定义TextMate语法片段，但该方法需要熟悉TextMate语法规则，仅适合有进阶需求的用户，普通场景用前两种方法即可解决问题。

内容的提问来源于stack exchange，提问作者Dino Paulo Gomez