每次改动后启动项目，ESlint都会检测你的代码，然后在浏览器的控制台疯狂报错。一开始我是根据控制台的报错信息，一条一条回去修改的，但是这样的方式太低效。后来同事告诉我一种高效的方式，可以直接让开发工具（webstorm or idea）识别ESlint，并且格式代码，过程是这样的：
Setting ->Preferences -> Languages & Frameworks -> JavaScript -> Code Quality Tools -> Eslint ，然后勾选Enable单选框。
配置ESlint
勾选后你就会发现，idea和webstorm会通过红色的下划线来告诉你，什么地方不符合ESlint规则。这使我们能在开发过程中，就根据ESlint规则修改代码，而不是等到运行项目后，通过控制台才发现语法错误。
ESlint规则提示
除了此之外，idea和webstorm还能一键格式化，让代码按照ESlint规则自动调整。在有语法错误的文件右击，然后点击Fix ESint就好了：
一键格式化
4.如何关闭ESlint语法检测？
这个很简单，build --> webpack.base.conf.js，然后注释掉图片所指那段代码，就可以了。
关闭ESlint语法检测
// test: /\.(js|vue)$/, // loader: 'eslint-loader', // enforce: 'pre', // include: [resolve('src'), resolve('test')], // options: { // formatter: require('eslint-friendly-formatter'), // emitWarning: !config.dev.showEslintErrorsInOverlay // }
去了解如何关闭ESlint检测，是因为一直在报错，挺烦的。
但是比较深入的了解完ESlint后，个人感觉还是挺有必要使用的，对于共同开发，维护代码有这很好的作用。