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 来进行格式化

2. 修改eslintrc文件

{
"extends": ["plugin:prettier/recommended"] //添加到数组最后面
}