prettiter 格式化代码

npm install --save-dev --save-exact prettier

--save-exact的作用就是固定依赖包的版本，不要带^或~，避免出现小版本。

1. 新建配置文件.prettierrc.json
2. 新建一个 .prettierignore文件

# Ignore artifacts:
build
coverage

3. 手动格式化命令

npx prettier --write .

4. 自动格式化命令:这将安装 husky 和 ​​lint-staged，然后将配置添加到项目的 package.json 中，该配置将在预提交挂钩中自动格式化支持的文件。

npx mrm@2 lint-staged

5. package.json中会自动增加这些内容，告诉保存前，会先去格式化代码

"husky": {
    "hooks": {
      "pre-commit": "lint-staged",
    //   "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
    }
  },
  "lint-staged": {
    // 注意，默认没有这么多配置，ts，tsx等内容是根据项目需要自己配置上去的
    "src/**/*.{js,jsx,ts,tsx,json,css,less,md}": [
      "prettier --single-quote --write",
      "git add"
    ]
  }

6. eslint和prettier格式化时有部分冲突，所以需要进行处理,安装依赖stylelint-config-prettier

cnpm i stylelint-config-prettier --save-dev

在package.json中，添加prettier，这样会覆盖掉一部分eslint的规则

 "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest",
      "prettier"
    ]
  },