突出显示Sublime中JavaScript字符串中的HTML

是否有任何Sublime包在JavaScript字符串中进行语法高亮HTML?

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

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

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

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


正如@卡尔文在上面评论的那样,我不会说这是一种很好的做法,但我不一定会说这是完全不好的做法。 无论如何,这是我的天真解决方案(尚未针对任何边缘案例进行测试):

为崇高的文本安装babel包,并将其选为您的* .js文件的默认语法。

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

搜索section template-string-body: :,并在其开始处添加以下两行,类似于@ VRPF的建议:

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

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

链接地址: http://www.djcxy.com/p/90993.html

上一篇: highlight HTML inside JavaScript strings in Sublime

下一篇: Disable warnings while pip installing packages