vue项目中解决eslint与prettier同时使用时校验冲突问题

vue项目中解决eslint与prettier同时使用时校验冲突问题

1.需求背景

• 最近在项目已有的代码校验校验工具eslint基础上加入了prettier，其原因也是为了约束开发团队代码风格统一，初衷是好的，但是在实际使用过程中就出现了两个代码校验工具校验冲突问题。

解决方案

• 其实冲突的根源在于两者对于校验代码格式都有参与，但是两者的校验规则又不一定相同，这就是冲突的根源。

• 解决的思想就是让eslint专注于代码质量问题的校验，其他的代码风格问题就让prettier来处理就能够解决冲突，具体处理如下：

• 
  // 1.安装 eslint-config-prettier 插件（作用是关掉 (disable) 所有和 Prettier 冲突的 ESLint 的配置）：
  npm install --save --dev eslint-config-prettier
  
  // 2.安装 eslint-plugin-prettier 插件（作用是将 prettier 的 rules 以插件的形式加入到 ESLint 里面，并且还能让prettier的校验规则以eslint抛出，让代码提示更