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

这是开发团队的草壁。

从 ES6 开始，模板字符串（模板字面量）已成为标准功能。
在字符串中编写 HTML 标签时，无需转义单引号或双引号，这在使用 AngularJS 或 Vue.js 时非常有用。

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

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

不过， Michael Russell已经在 Gist 上发布了一个语法文件，所以我们将使用它。

---

我立即打开了Sublime Text，

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

然后，将打开的窗口中的内容替换这段代码并保存。
文件名可以随意，但扩展名必须是 sublime-syntax。至此，Syntax 插件的添加就完成了。

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

　查看 -> 语法 -> Javascript NG

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

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

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

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

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