写在前面

按例先贴参考贴：在Git项目中使用husky统一管理hooks
最近使用了vue官方推荐的最新打包工具vite,而vite项目不支持在package.json中配置gitHooks，vue-cli项目能支持是因为在安装之后，@vue/cli-service 会安装 yorkie，让你在 package.json 的 gitHooks 字段中方便地指定 Git hook。

husky使用步骤

1. 确保npm版本7以上
2. 安装husky

npm i husky -D

3. 依次执行以下代码，一步也不能少

npx husky install
npm set-script prepare "husky install"
npx husky add .husky/pre-commit "npm test"  #新版本这句改为 npx husk-init

说明
按上述步骤操作成功后，项目根目录下生成一个.husky文件夹，如何下图

找到其下的pre-commit，其中的npm test便是我们通过命令行写入的内容，至此husky就配置完成，在执行git commit时会先执行pre-commit内的命令

以prettier为例

1. 在package.json的scripts下创建一条prettier命令

    "prettier": "prettier --write --loglevel log src/**/*.{js,json,tsx,css,less,scss,vue,html,md,ts}"

2. 将pre-commit中的"npm test"改为下面的命令，实现代码提交时，自动对项目按prettier格式化

npm run prettier
git add .