为JavaScript/Node项目配置ESlint

为JavaScript/Node项目配置ESlint

ESLint作为流行的静态检查工具，可以帮我们及时发现项目中编码风格和某些类型的错误问题。在NPM世界中，已经有各种其他人开发好的检查规则供我们使用，下图就给出了如何在自己的项目中配置好流行的Airbnb ESLint检查插件、Flow Type类型检查插件、Jest测试代码检查插件。根据下面的流程图和实际项目中用到的功能做不同的配置即可。

• 考虑到airbnb最全的Lint rule也包含了JavaScript语言基本lint rule，因此建议直接使用eslint-config-airbnb.
• eslint-plugin-flowtype是专门针对flow type的lint规则，依赖于eslint和babel-eslint，由于我们使用了该plugin推荐的Shareable configurations，不需要单独设置eslint-plugin-flowtype的parser(parser: 'babel-eslint')和rule等选项，也不需要单独对babel-eslint做配置，只需要在安装时把babel-eslint安装到devDependency中即可。

{
  "extends": [
    "plugin:flowtype/recommended"
  ],

  "plugins": [
    "flowtype"
  ]
}

参考资料

• Airbnb’s Javascript styleguide, github
• eslint-config-airbnb-base
• eslint-config-airbnb
• eslint-plugin-flowtype
• eslint-plugin-jest
• ESLint configuration
• Jest