在 Sublime Text 中高亮显示 ES6 模板字符串中的 HTML 代码

这是开发团队的草壁。

ES6 默认引入了模板字面量。
这在使用 AngularJS 或 Vue.js 时非常方便，因为在字符串中编写 HTML 标签时无需转义单引号或双引号。

如您所见，编辑所做的突出显示可能相当乏味。

本文将向您展示如何在 Sublime Text 中将模板字符串中的 HTML 标签高亮显示为 HTML 标签。

不过，Michael Russell好心地在 Gist 上提供了一个语法文件，所以我们就用它吧。

---

我立即打开了Sublime Text，

工具 -> 开发者 -> 新语法...

按照上述步骤操作，并将打开的窗口中的内容替换此处，然后保存。
文件名可以随意命名，但扩展名必须是 sublime-syntax。至此，语法添加完成。

现在打开使用模板字符串的文件。

　查看 -> 语法 -> Javascript NG

如果是这样，就应该像本文的特色图片一样突出显示！

此外，当某个js文件打开时

　查看 -> 语法 -> 使用当前扩展名打开所有... -> Javascript NG

然后，打开扩展名为 .js 的文件时，将自动选择 Javascript NG。

（虽然语法名称中包含“NG”，但它不仅可以用于编写Angular应用程序，也可以用于编写Vue应用程序，不会出现任何问题。）