跳至主要内容

编辑器

语法高亮

Syntax Highlighting

如今,许多流行的编辑器都开箱即用地支持 ES2015+ 语法高亮,而有些编辑器则需要安装额外的扩展。本指南将帮助您使语法高亮生效。

如果您正在寻找更高级的集成,您可能需要查看设置指南。

提示: 上面截图中使用的字体是FiraCode

Atom

安装language-babel包并按照说明操作。

Emacs

安装js2-mode,这可能是 Emacs 中最好的 JavaScript 模式。它使用递归下降解析器进行非常精确的语法高亮,严格识别 Ecma-262 语言标准,支持 1.5 及更高版本的大多数 Rhino 和 SpiderMonkey 扩展,并实时报告语法错误和严格模式警告。

除了js2-mode之外,您还可以安装另外两个包,js2-refactor添加了强大的重构功能,xref-js2使跳转到函数引用或定义变得容易。

Sublime Text 3

首先,安装 Package Control。然后从 Package Control 菜单安装Babel包,并按照说明操作。

Vim

安装vim-javascript插件,它为 Vim 带来了改进的 JavaScript 语法高亮和缩进支持。

另一种选择是将yajs.vimes.next.syntax一起使用。

Visual Studio Code

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

似乎还有另一种方法可以让语法高亮生效,您可以在Visual Studio Code 文档中了解更多信息。

WebStorm

WebStorm 现在支持 ES2015+,无需安装任何额外的扩展。但是,您可能需要启用它

Emacs

安装js2-mode

另一种选择是使用web-mode