ESLint+Prettier+Vetur 统一Vue项目代码风格

前言

一、为什么要整合Eslint和Prettier？

1、对比Prettier和Linters（eslint/tslint/stylelint）

Linters有两类规则：

• 格式化规则：如最大长度，没有混合空格和制表符，关键字间距，逗号样式…Prettier减轻了这一类规则的需要！Prettier将以一致的方式从头开始重新打印整个程序，因此程序员不可能再在那里犯错误。* 代码质量规则：如没有未使用的变量，没有额外的绑定，没有隐式全局变量…Prettier无助于这些规则。它们也是Linter提供的最重要的工具，因为它们很可能会从你的代码中捕获真正的bug。### 2、使用Prettier的好处

• Prettier是“约定大于配置”，各种代码格式相关的规则基本都约定好了，可以省去配置的时间和精力，也可以避免项目中关于代码格式的争论。

• Prettier是“主厨精选”，这些规则都是精选出来的，质量都很高。

• Prettier更注重格式化，对格式化的覆盖面比常用的 eslint-config-standard 和 eslint-config-airbnb 还要广。这当中有一些是 Prettier 比 eslint 的样式规则更多，有一些也可能是 eslint 对应的规则没有进行配置。更重要的是对于一些格式，eslint往往只会警告而不会自动格式化，如强制行的最大长度max-l