集成 EditorConfig 配置
集成 Prettier 配置
集成 ESLint 配置
解决 Prettier 和 ESLint 的冲突
集成 husky 和 lint-staged
配置 husky
配置 lint-staged
提交规范
commit message 格式规范
Header
Body
Footer
参考例子
规范 commit message 的好处
集成 Commitizen 实现规范提交
安装 Commitizen
初始化项目
使用 Commitizen
自定义配置提交说明
集成 commitlint 验证提交规范
安装 commitlint
配置 commitlint
commitlint 验证
以上部分请查看前一篇文章
eslint
extends: [
'airbnb',
'prettier',
'plugin:compat/recommended',
'plugin:react/recommended',
'plugin:import/typescript',
]
plugins: ['react', '@babel', '@typescript-eslint', 'react-hooks', 'unicorn']
"eslint": "^8.40.0",
"eslint-config-airbnb": "^19.0.0",
"eslint-config-prettier": "^8.0.0",
"eslint-import-resolver-typescript": "^3.5.2",
"eslint-plugin-compat": "^4.1.1",
"eslint-plugin-import": "^2.21.1",
"eslint-plugin-jsx-a11y": "^6.2.1",
"eslint-plugin-react": "^7.31.8",
"eslint-plugin-react-hooks": "^4.1.2",
"eslint-plugin-unicorn": "^47.0.0",
yarn add eslint-plugin-react@^7.28.0 @typescript-eslint/eslint-plugin@latest eslint-config-airbnb@latest eslint-plugin-import@^2.25.3 eslint-plugin-jsx-a11y@^6.5.1 eslint-plugin-react-hooks@^4.3.0 @typescript-eslint/parser@latest eslint-import-resolver-typescript -D
eslint-plugin-import 校验 import/export 语法，防止错误拼写文件路径以及导出名称的问题
eslint-plugin-jsx-a11y 提供 jsx 元素可访问性校验
eslint-plugin-react 校验 React
eslint-plugin-react-hooks 根据 Hooks API 校验 Hooks 的使用
yarn add prettier eslint-config-prettier eslint-plugin-prettier -D
关于eslint配置请查看juejin.cn/post/684490…
