Eslint 使用Prettier来统一代码

首先，对应ESLint大多都很熟悉，用来进行代码的校验
Prettier是一个能够完全统一你和同事代码风格的利器，选择Prettier能够让你节省出时间来写更多的bug，并且统一的代码风格能保证代码的可读性。

ESLint 与 Prettier配合使用

1. 首先肯定是需要安装prettier，并且你的项目中已经使用了ESLint，有eslintrc.js配置文件。

npm i -d prettier

2. 安装插件,配合ESLint检测代码风格

npm i -d eslint-plugin-prettier

eslint-plugin-prettier插件会调用prettier对你的代码风格进行检查，其原理是先使用prettier对你的代码进行格式化，然后与格式化之前的代码进行对比，如果过出现了不一致，这个地方就会被prettier进行标记。

3. 需要在 ESlint 配置文件中的 rules 中添加内容

{
  "extends": ["plugin:prettier/recommended"]
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

prettier/prettier 表示被prettier标记的地方抛出错误信息。
4.如果与已存在的插件冲突请执行

npm i -D eslint-config-prettier