javascript - 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，但现在它似乎不再起作用了。让 sublime 再次识别 x-template 脚本标签中的 HTML 的最佳方法是什么？

Answer 1

编辑:现在有一个包，叫做 "Vue Syntax Highlight"

---

这里有一个方法:

1. 从 Sublime Github 存储库下载 HTML.sublime-syntax:https://raw.githubusercontent.com/sublimehq/Packages/f10135941f5aeaa3af5906850f7dc296e51b1172/HTML/HTML.sublime-syntax
2. 更改 line 3来自 name: HTML至 name: HTML-Vue
3. 更改 line 83来自:- 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 > Open all with current extension as… > HTML-Vue