如何让VSCode为<script type='text/x-tmpl'>标签内代码实现语法高亮？

给你两种可行方案，按需选择：

方案一：通过VSCode内置设置实现（无需安装扩展） #

1. 打开VSCode设置面板（快捷键Ctrl/Cmd + ,），点击右上角的「打开设置(JSON)」图标，进入settings.json文件。
2. 在文件中添加以下配置代码：

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "name": "识别text/x-tmpl为HTML",
            "scope": "meta.tag.script.type.x-tmpl.php",
            "settings": {
                "embeddedLanguages": {
                    "text.html": true
                }
            }
        }
    ]
}

3. 保存文件后重启VSCode，text/x-tmpl标签内的混合代码就会按照HTML语法高亮显示。

如果上述配置的scope不生效，可自行排查对应标签的scope：

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入「Developer: Inspect Editor Tokens and Scopes」并执行。
• 将光标定位到text/x-tmpl标签内部的代码上，查看面板显示的scope，替换配置里的meta.tag.script.type.x-tmpl.php即可。

方案二：使用扩展简化操作 #

如果不想手动编写配置，可安装「Custom Syntax Highlighter」扩展，通过它的可视化界面将text/x-tmpl类型的script内容关联到HTML语法，操作更直观。

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