使用husky给项目添加git提交前的代码格式化,使团队代码格式统一

首先我们先了解一下husky

husky 其实就是一个为 git 客户端增加 hook 的工具。将其安装到所在仓库的过程中它会自动在 .git/ 目录下增加相应的钩子实现在 pre-commit 阶段就执行一系列流程保证每一个 commit 的正确性。部分在 cd commit stage 执行的命令可以挪动到本地执行,比如 lint 检查、比如单元测试。当然,pre-commit 阶段执行的命令当然要保证其速度不要太慢,每次 commit 都等很久也不是什么好的体验。

安装插件

	yarn add husky pretty-quick prettier vcm-cli --save	
	|| cnpm i husky pretty-quick prettier vcm-cli --save	

新建配置文件 .prettierrc 根据自己需要配置

	{
	  "singleQuote": true,
	  "trailingComma": "all",
	  "printWidth": 100,
	  "proseWrap": "never",
	  "overrides": [
	    {
	      "files": ".prettierrc",
	      "options": {
	        "parser": "json"
	      }
	    }
	  ]
	}

配置package.json

	 "husky": {
	    "hooks": {
	      "pre-commit": "pretty-quick --staged",
	      "commit-msg": "vcm"
	    }
	  },

尝试

git commit -am “a”
此时的提示页面如下
具体规则可以在
https://shudong.wang/10647.html
在这里插入图片描述
成功界面
在这里插入图片描述
节省下的时间可以去玩耍了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值