react中使用eslint+prettier+airbnb校验代码风格

刚开始学习react，发现官方脚手架里没有提供eslint，对于我这个有代码洁癖的人来说不能忍啊，下面是我引入eslint的过程

一 、安装依赖

npm i eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react babel-eslint babel-plugin-import  --save-dev

二、创建eslint 和 prettier配置文件

创建 .eslintrc.js, 也可以使用json格式的，具体可以查看eslint官方文档
配置如下：

module.exports = {
  'env': {
    'browser': true,
    'es6': true,
    'node': true
  },
  'extends': ['airbnb', 'plugin:prettier/recommended'],
  'parser': 'babel-eslint',
  'parserOptions': {
    'ecmaFeatures': {
      'jsx': true
    }
  },
  'plugins': [
    'react'
  ],
  'rules': {
    // 关闭react默认的props-type验证
    'react/prop