vue项目中解决eslint与prettier同时使用时校验冲突问题
1.需求背景
- 最近在项目已有的代码校验校验工具eslint基础上加入了prettier,其原因也是为了约束开发团队代码风格统一,初衷是好的,但是在实际使用过程中就出现了两个代码校验工具校验冲突问题。
解决方案
-
其实冲突的根源在于两者对于校验代码格式都有参与,但是两者的校验规则又不一定相同,这就是冲突的根源。
-
解决的思想就是让eslint专注于代码质量问题的校验,其他的代码风格问题就让prettier来处理就能够解决冲突,具体处理如下:
-
// 1.安装 eslint-config-prettier 插件(作用是关掉 (disable) 所有和 Prettier 冲突的 ESLint 的配置): npm install --save --dev eslint-config