关于eslint:eslint-prettier-配置冲突解决

1.eslint、preitter

1.先建一个.prettierrc文件
echo {}> .prettierrc
2.创立.prettierignore
 相似于.gitignore, 示意不须要格式化的文件
3.手动格式化：yarn prettier --write.
4.主动格式化：pre-commit Hook 
    npx mrm lint-staged

2.pre-commit hook: 提交前主动格式化

npx mrm lint-staged
## package.json  针对某系文件进行格式化， 主动保留的一个配置
...........
"devDependencies": {
    ......
    "husky": ">=6",
    "lint-staged": ">=10",
    "prettier": "^2.2.1"
  },
  "lint-staged": {
    "*.{js,css,md,ts,tsx}": "prettier --write"
  }

3.解决抵触

npm install eslint-config-prettier -D
## package.json中
......
"eslintConfig": {
    "rules": {
      "@typescript-eslint/no-unused-vars": "off"
    },
    "extends": [
      "react-app",
      "react-app/jest",
      "prettier"  // 用prettier的规定笼罩一部分eslint的规定
    ]
  },
}

.husky 文件增加到git: git add .

4.commitlint

检测commit message提交是否标准
npm install @commitlint/config-conventional @commitlint/cli -D
## 创立文件: commitlint.config.js
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js
npx husky add .husky/commit-msg "yarn commitlint --edit $1"