语法高亮
现在,许多流行的编辑器都支持 ES2015+ 语法的高亮显示, 并且此功能开箱即用,然后有一些编辑器则需要安装额外的扩展。 本指南将帮助你为编辑器添加语法高亮的功能。
如果你需要更高级的集成方式,可以 查看 安装 一节。
小提示: 上面截图中使用的字体时 FiraCode。
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