前节回顾：
主要是讲了 react-demo 的创建 ，package.js的配置，webpack 的配置，loader的安装等，实现了页面的最基础的页面展示和组件的引用
本节摘要：
代码是具有一定规范性的，一个项目比较大的时候，会有很多开发人员投入其中，保证代码的一致性和开发的稳定性 所以要对代码进行规范 所以引入了 eslint，一款开源的javascript 的代码检查工具
如果你的开发工具是 vscode 点击安装
在项目里面也可以安装 全局安装 npm i --save eslint -g
安装成功之后，就生成我们项目的 eslintrc.js 的初始化
eslint --init 按照步骤进行配置 ，配置成功之后会生成一个 .eslintrc.js 文件
以下就是 文件的内容，可以进行自定义的修改
可以参考官方文档 ： eslint.cn/docs
运行的过程中
对 JSX 语法的支持不用于对 React 的支持。React 使用了一些特定的 ESLint 无法识别的 JSX 语法 如果你正在使用 React 并且想要 React 语义支持，我们推荐你使用 eslint-plugin-react。 如果 eslint 是全局安装的 eslint-plugin-react 也要是全局安装的
运行 eslint XXX.js
error 是错误信息 根据提示可以更改，也可以设置自自动更改 eslint xxx.js --fix 可以一键修复报错
配置 文件 用 npm - --save-dev babel-eslint 安装
并在.eslintrec.js 添加配置 parser:'babel-eslint'
如果需要在wepack 上用到 require的 就需要在 “env” 上再加一条 “‘node’”:true
在react中，import 引入组件 会被误认为 是 no-unused-vars, 引入以下规则
在vscode 编辑上的 设置 配置一下 eslint ， autoFix 就是校验的时候自动修复，有部分会自动修复的
扩展： 很多规则都有插件。比如以下的， 都可以进行安装，格式 eslint-plugin-XXX的格式， 在rule 上可以 用 XXX/rule:[0] 的形式进行配置 如下图所示--
还可以进行扩展
像React用的比较好的有 airbnb ， eslint-config-airbnb （基本的形式是 eslint-config-XXXX）
安装 npm i --save-dev eslint-config-airbnb
配置 extends:['airbnb'] ;
这样就直接用了 airbnb 的规则
