Sublime Text 3中x-template脚本标记中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，但现在看来似乎不再起作用。升华以再次识别x-template脚本标记中的HTML的最佳方法是什么？

Answer 1

这是正确的方法：

1. 从Sublime Github存储库下载HTML.sublime-syntax：https：//github.com/sublimehq/Packages/blob/master/HTML/HTML.sublime-syntax
2. 将第3行从更改name: HTML为name: HTML-Vue
3. 将第114行从：更改- match: '(<)((?i:script))\b'为- match: '(<)((?i:script))\b(?![^>]*/>)(?![^>]*(?i:type.?=.?text/((?!javascript).*)))'
4. 将文件重命名为 HTML-Vue.sublime-syntax
5. 将文件保存到用户本地设置（对于Windows，为%AppData%\Sublime Text 3\Packages\User\HTML-Vue.sublime-syntax）
6. 重新启动SublimeText并选择 View > Syntax > User > HTML-Vue