Babel 和其他工具

    新标准为语言带来了许多新的语法,静态分析工具正在将此利用起来。

    是最流行的语法检查工具之一,因此我们维护了一个官方的 整合软件包。

    首先安装 eslintbabel-eslint。.

    然后创建或使用项目现有的 .eslintrc 文件并设置 parser 为 。.

    1. {
    2. + "parser": "babel-eslint",
    3. "rules": {
    4. ...
    5. }
    6. }

    现在添加一个 lint 任务到 npm 的 package.json 脚本中:

      详细信息请咨询 或者 eslint 的文档。

      JSCS 是一个极受欢迎的工具,在语法检查的基础上更进一步检查代码自身的风格。 Babel 和 JSCS 项目的核心维护者之一()维护着 JSCS 的官方集成。

      更妙的是,JSCS 自己通过 选项实现了这种集成,于是和 Babel 的集成就简化成了直接在命令行运行:

      或者在 .jscsrc 文件里添加 esnext 选项。

      1. {
      2. "preset": "airbnb",
      3. + "esnext": true
      4. }

      详细信息请咨询 babel-jscs 或是 的文档。

      Documentation.js 使用 Babel 来支持所有最新的语法,包括用于在你的代码中声明类型所用的 Flow 注解在内,

      所有主流的 JavaScript 框架都正在努力调整他们的 APIs 向这门语言的未来看齐。有鉴于此,配套工具方面已经做出了大量的工作。

      除了使用 Babel 以外,框架更有条件去扩展 Babel 来帮助他们提升用户体验。

      React 已经大幅改变了他们的 API 以适应 ES2015 的类语法(此处了解更新的 API)。 特别是 React 现在依赖 Babel 编译它的 JSX 语法且弃用了它原有的自定义工具。 你可以按照安装 包来开始。.

      React 社区采用 Babel 并围绕它来运行,现在社区已经创建了大量的转换器(transforms)。.

      通过 Babel 引入 ES2015,JSX,和流式语法固然是大有裨益,可如果你的文本编辑不支持那可就糟糕透了。 因此,别忘了为你的文本编辑器或是 IDE 安装 Babel 插件。