共计 880 个字符,预计需要花费 3 分钟才能阅读完成。
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"
正文完