Sublime Text 3中x模板脚本标记内HTML的语法突出显示

Question

我最近升级到了sublime text的最新版本(版本3.1.1 Build 3176 ),失去了标记内html的语法高亮显示。

对于上下文，我使用 x-template 类型的脚本在以 .html 扩展名保存的文件中创建 Vue.js 组件。

我的文件如下所示：

<!-- comp.html -->
<script type="text/x-template" id="comp-template">
    <div id="comp-template>
        <h2> {{ componentTitle }} </h2>

    </div>
</script>

Sublime Text的先前版本默认突出显示这些脚本标签中的html，但现在它似乎不再起作用。让 sublime 再次识别 x 模板脚本标签中的 HTML 的最佳方法是什么？

Answer 1

匿名用户

这是一种不需要新语法模式的方法，也是一种更简单的编辑方法:

>

将 HTML.sublime-package 文件从与 Sublime Text 3 捆绑在一起的 Packages 目录中复制出来。

它实际上是一个zip文件，因此将内容解压缩到用户包区域中，如..../User/Packages/HTML。

编辑HTML目录和< code>script-type-decider块更改中的HTML.sublime-syntax文件:

    - match: (?i)(?=text/html(?!{{unquoted_attribute_value}})|'text/html'|"text/html")

到

    - match: (?i)(?=text/html(?!{{unquoted_attribute_value}})|'text/html'|"text/html"|"text/x-template")

（或者替换您使用的任何模板类型。）

然后重新启动Sublime文本。

请注意，这种方法的缺点是当Sublime Text更新时，超文本标记语言包将不再是最新的。因此，您可能需要定期再次执行这些步骤。

Answer 2

我和你有同样的问题。作为临时解决方法，为

1. 安装旧版本，例如内部版本 3143（Windows：https://download.sublimetext.com/Sublime 文本内部版本 3143 x64 安装程序.exe）
2. Backup C：\Program Files\Sublime Text 3\Packages\HTML.sublime-package
3. 更新到最新版本
4. 还原备份

仅供参考，我向Sublime论坛报告了您的问题。

Answer 3

编辑：现在有一个包，称为“Vue语法高亮”

这是一种方法：

1. 下载HTML。sublime Github存储库中的高级语法：https://raw.githubusercontent.com/sublimehq/Packages/f10135941f5aeaa3af5906850f7dc296e51b1172/HTML/HTML.sublime-syntax
2. 将第3行从name:HTML更改为name:HTML Vue
3. 将第83行更改为：-match:'(