在Git项目中使用husky统一管理hooks,解决vite项目下gitHooks不生效问题

本文介绍了如何在Vite项目中使用husky来管理Git Hooks,详细步骤包括确保npm版本、安装husky、配置hooks。通过husky,可以在代码提交前自动执行prettier进行代码格式化,提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写在前面

按例先贴参考贴:在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
  1. 依次执行以下代码,一步也不能少
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}"
  1. 将pre-commit中的"npm test"改为下面的命令,实现代码提交时,自动对项目按prettier格式化
npm run prettier
git add .
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值