跳至主内容

编辑器支持

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

语法高亮

语法高亮效果

目前多数主流编辑器已原生支持 ES2015+ 语法高亮,部分编辑器则需要安装额外扩展。本指南将帮助您配置语法高亮功能。

若需更深入的集成方案,建议查阅配置指南

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

Atom

安装 language-babel 包并遵循安装说明

Emacs

安装目前 Emacs 平台最优秀的 JavaScript 模式 js2-mode。该模式通过递归下降解析器实现精准语法高亮,严格遵循 Ecma-262 语言标准,支持 Rhino 和 SpiderMonkey 1.5 及更高版本的大部分扩展功能,并提供实时语法错误与严格模式警告提示。

js2-mode 外,还可安装两个增强包:js2-refactor 提供强大的重构功能,xref-js2 实现函数引用与定义的快速跳转。

Sublime Text 3

首先安装 Package Control,随后通过 Package Control 菜单安装 Babel 包,并遵循安装说明

Vim

安装 vim-javascript 插件,该插件为 Vim 提供了增强的 JavaScript 语法高亮与缩进支持。

另一种方案是使用 yajs.vim 搭配 es.next.syntax

Visual Studio Code

安装 vscode-language-babel 扩展并遵循说明操作。

另有其他配置语法高亮的方法,您可在 Visual Studio Code 文档中了解更多信息。

WebStorm

WebStorm 现已原生支持 ES2015+,无需安装额外扩展。但您可能需要手动启用该功能

Emacs

安装支持 React 和 JSX 的 js2-mode

替代方案是使用 web-mode