Prettier在现代网页开发中就像咖啡机：人人都在用，但真正知道它怎么工作的人很少。大多数开发者安装完Prettier，打开保存时格式化选项，然后就不管了。但有个尴尬的事实：如果你只是安装了Prettier，从没配置过它，那你很可能在用错它。

先说是什么：ESLint 是一个检查代码质量与风格的工具，配置一套规则，他就能检查出你代码中不符合规则的地方，部分问题支持自动修复。

两种linter都可以实现fix功能，所谓fix就是将原代码转化为符合一定规则的新代码。虽然linter工具fix之后的代码，解决了大部分问题，但可能有些地方并不符合我们的阅读代码的习惯，比如一行代码过长。

首先，我们使用官方提供的脚手架 create-react-app 来创建一个项目：Eslint 是一个可以检验代码，并给出报告的工具。它的目标是保证代码的一致性，避免错误。Eslint 为我们提供了 ECMAScript/JavaScript 规范的代码校验

首先搭建vue项目，lint选择ESLint + Prettier，配置方式选择In dedicated config files。具体搭建过程这里就不赘述了，如果不熟悉的同学可以点击这里。配置 Stylelint，目前还没有stylelint选项，需要我们自己安装相关的 npm 包