21vue3实战-----git husky和git commit规范

之前在https://blog.csdn.net/fageaaa/article/details/145474065文章中已经讲了在vue项目中怎么配置代码规范,下面将专门讲述git husky和git commit规范。

1.husky工具

虽然我们已经要求项目使用eslint了，但是不能保证组员提交代码之前都将eslint中的问题解决掉了。

1.1目的

• 保证代码仓库中的代码都是符合eslint规范的；
• 我们需要在组员执行 git commit 命令的时候对其进行校验,如果不符合eslint规范,那么自动通过规范进行修复；

1.2如何做到这一点?

• husky是一个git hook工具,可以帮助我们触发git提交的各个阶段:pre-commit、commit-msg、pre-push

1.3步骤

在安装husky工具之前得确定电脑安装了git并且项目中有git仓库:

如果没有git仓库，需要使用以下命令来初始化自动创建一个.git文件夹

git init

之后我们可以使用自动配置命令：

npx husky-init && npm install

安装后package.json中会有相关依赖:

安装好之后项目会多一个.husky文件夹:

进入.husky/pre-commit文件夹:

发现里面执行的是npm test。把这个改为: