代码风格

eslint VS prettier

**总体来说，eslint 有两种能力：

• 检查代码质量 ，比如是否有已定义但未使用的变量，或者使用函数式编程的函数是否产生副作用等。
• 检查代码风格 ，比如每行的最大长度，或者是否使用拖尾逗号等。

其中，eslint文档中，带扳手图标的规则就是eslint能够自动修复的规则。而不带该图标的规则，eslint则只能给出错误或警告，随后由开发者人工修复。

prettier

pretter没有对代码的质量进行检查的能力，其只会对代码风格按照指定的规范进行统一，避免一个项目中出现多种不同的代码风格。

使用eslintConfig配置风格

eslint.vuejs.org/可以查看具体的vue的…

extends:[
  "plugin:vue/strongly-recommended",
  "@vue/standard"
]

Configuring Rules

ESLint 附带有大量的规则。你可以使用注释或配置文件修改你项目中要使用的规则。要改变一个规则设置，你必须将规则 ID 设置为下列值之一：

• "off" 或 0 - 关闭规则
• "warn" 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出)
• "error" 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)