项目构建--统一代码风格和git提交格式

96 阅读1分钟

项目构建---统一代码风格和git提交格式

1.代码语法类型设置

npm install eslint eslint-plugin-react @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev

.eslintrc.js 配置

image.png

遇到的错误

ERROR in [eslint] Failed to load plugin '@typescript-eslint' declared in '.eslintrc.js': Cannot find module 'typescript'

重新安装下@typescript-eslint/parser

2. commit lint

npm install --save-dev @commitlint/config-conventional @commitlint/cli

//简单试下提交
echo "module.exports = {extends: ['@commitlint/config-conventional']};" > commitlint.config.js
//安装husky
npm install husky --save-dev npx husky install npx husky add .husky/pre-commit

image.png

3. 代码样式

使用vscode中的插件 Prettier - Code formatter

File -> Preferences -> Settings,并勾选 format on save