编辑器

语法高亮​ (opens new window)

现在，许多流行的编辑器都支持 ES2015+ 语法的高亮显示， 并且此功能开箱即用，然后有一些编辑器则需要安装额外的扩展。 本指南将帮助你为编辑器添加语法高亮的功能。

如果你需要更高级的集成方式，可以 查看 安装 一节。

小提示： 上面截图中使用的字体时 FiraCode 。

原子

安装 language-babel 软件包 并按照 说明 进行操作。

Emacs

安装js2-mode (opens new window) ，它可能是 Emacs 可用的最佳 JavaScript 模式。它使用递归下降解析器进行非常准确的语法突出显示，严格识别 Ecma-262 语言标准，支持大多数 1.5 及更高版本的 Rhino 和 SpiderMonkey 扩展，并即时报告语法错误和严格模式警告。

除了js2-mode 之外，您还可以安装两个包，添加强大重构的js2-refactor (opens new window) 和可以轻松跳转到函数引用或定义的xref-js2 。 (opens new window)

崇高文本 (opens new window)

首先，安装 Package Control (opens new window) 。 然后从 Package Control 菜单下安装 Babel 软件包 并按照 说明 进行操作。

因为

安装 vim-javascript 插件，此插件为 JavaScript 在 Vim 上 提供了改进的语法高亮和缩进的支持。

另一个选择是使用 yajs.vim 和 es.next.syntax 。

视觉工作室代码 (opens new window)

安装 vscode-language-babel 扩展并按照说明进行操作。

似乎还有另一种方式可以添加语法高亮功能，你可以在 Visual Studio Code docs 文档中了解更多信息。

网络风暴

WebStorm 现在不需要安装任何扩展就能支持 ES2015+ 。但是你需要手动 开启此功能 。

Emacs

安装 js2-mode 。

还可以使用 web-mode 。