Bootstrap

ESLint 和 Prettier 的校验规则有冲突时怎么解决

前言:

  1. eslint为代码质量检查工具
  2. prettier为代码风格的约束工具(如:单引号、双引号之类的)
  3. 那么当两者规则不一致导致了冲突(用其中一种来格式化代码,另一种就会报错),这时候要怎么解决?

解决方案:

  1. 安装依赖
npm i eslint-config-prettier -D //当eslint和prettier规则冲突时,使用prettier规则
npm i eslint-plugin-prettier -D// 把prettier作为ESLint的规则来使用,当代码不符合 Prettier的标准时,会报一个ESLint错误,同时也可以通过 eslint --fix 来进行格式化
  1. 修改eslintrc文件
;