1.eslint、preitter

1.先建一个.prettierrc文件echo {}> .prettierrc2.创立.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.jsecho "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.jsnpx husky add .husky/commit-msg "yarn commitlint --edit $1"