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"