Sublime Text 3中x-template脚本标记中HTML的语法突出显示

埃尔蒂

我最近升级到了最新版本的Sublime文本(版本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的最佳方法是什么?

艾姆·肯德

这是正确的方法:

  1. 从Sublime Github存储库下载HTML.sublime-syntax:https://raw.githubusercontent.com/sublimehq/Packages/f10135941f5aeaa3af5906850f7dc296e51b1172/HTML/HTML.sublime-syntax
  2. 第3行更改name: HTMLname: HTML-Vue
  3. 第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 > User > HTML-Vue

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章