突出显示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