突出显示字符串中的 html 语法？

Question

有没有办法（插件、选项或提示和技巧）在 js 字符串中突出显示 html 语法？

我的文档是 .JS 文件，其中我使用包含 html 代码的字符串。是否可以突出显示这些字符串中的 html 语法？

Answer 1

天哪，经过 3 小时的研究我发现!!!!!

https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html

之前

之后

喜欢

Answer 2

您建议的扩展名要求您在字符串前添加注释，如 /*html*/ 或 html。我正在使用 Angular，我不想遍历我所有的模板来为它们添加前缀，所以我发现这个扩展可以自动完成它而没有前缀：

https://marketplace.visualstudio.com/items?itemName=natewallace.angular2-inline

它包含在 John Papa 的 Angular Essentials 包中：

https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials

Answer 3

对于 Vue 尝试 Vue 内联模板:

https://marketplace.visualstudio.com/items?itemName=faisalhakim47.vue-inline-template