编辑器 · Babel 中文文档

语法高亮

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

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

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

📖 去Js中文网 -前端进阶资源教程，上查看本手册体验更佳

Atom

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

Sublime Text 3

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

Js中文网 - 前端进阶资源教程 www.javascriptC.com ，Babel中文文档
一个致力于帮助开发者用代码改变世界为使命的平台

Vim

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

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

Visual Studio Code

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

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

VSCode 插件推荐：

• VSCode前端必备插件，有可能你装了却不知道如何使用？
• 如何在vscode里面调试js和node.js
• DIY VSCode 插件，让你的开发效率突飞猛进
• 最基础，但又常用的前端vscode插件
• 高效工作，让 vscode 变成你的开发神器？
• VScode 插件工具集，不求全但求好
• 写给前端开发者不一样的VSCode配置(JS/React)
• 如何配置透明发光的骚气 vscode
• 能让你开发效率翻倍的 VSCode 插件配置（中）
• 能让你开发效率翻倍的 VSCode 插件配置（上）

WebStorm

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

来源：Js中文网 - 前端进阶资源教程
链接：https://www.javascriptc.com/docs/babel-manual/editors