javascript - 如何在 Sublime 中对 JavaScript 字符串中的 HTML 进行语法高亮显示

Question

是否有任何 Sublime 包可以在 JavaScript 字符串中对 HTML 进行语法高亮显示？

(注意这个问题只是关于 JS 字符串中的 HTML，而不是一般的语法高亮。)

具体来说，我正在使用内联模板编写 Angular 组件

angular.module('compMod', []).component('myComp', {
    template: `<div>Some Text</div>`
});

并希望在 ES6 模板字符串中突出显示 HTML 语法。

Answer 1

正如@Calvin 上面评论的那样，我不会说这是一种好的做法，但我也不一定会说这是完全糟糕的做法。无论如何，这是我天真的解决方案(没有针对任何边缘情况进行测试):

安装 babel package for sublime text并选择它作为 default *.js 文件的语法。

接下来，编辑位于 Babel 包目录内的 JavaScript (Babel).sublime-syntax，例如~/.config/sublime-text-3/Packages/Babel/.

搜索 template-string-body: 部分，并在其开头添加以下两行，类似于@VRPF 的建议:

- meta_content_scope: text.html.basic.embedded.js
- include: scope:text.html.basic

现在您在模板字符串中完全支持 es6 + HTML 语法。