Vue3 -- 项目配置之husky【企业级项目配置保姆级教程4】
引言:
- eslint:代码规范校验
- prettier:代码格式化
- stylelint:CSS代码校验
上述三篇文章集成配置完成代码校验工具,当时需要每次手动的去执行命令才会格式化我们的代码。。如果有人没有格式化就提交了远程仓库,那么这个规范其实就没什么用。
所以我们需要利用 husky 在代码提交之前触发git hook(git在客户端的钩子),然后执行 pnpm run format
来自动的格式化我们的代码。
配置husky:
安装husky:
pnpm install -D husky
生成husky目录:
npx husky-init
修改.husky/pre-commit文件:
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
pnpm run format
测试:
不整齐的代码如上图,
git add .
添加代码到暂存区:
git commit -m ""
命令是将暂存区的更改保存到本地仓库中:
然后我们发现我们的代码在git commit的时候就格式化了!
git push
将这个提交推送到远程仓库: