聊一下如何配置commit lint 其实这个问题一直困扰我很久,看了好多文章,都无济于事今天狠下心来终于解决,废话不多说,先上代码,最后阐述原因,因为有的小伙伴就是想找到解决问题办法,至于原因不太关心
注意: npm 版本大于 7
安装 husky
npm install husky --save-dev
启用 Git 挂钩
首先看下项目是否存在.git
文件夹,如果不存在需要先初始化git仓库git init
然后再执行下面命令
npx husky install
自动启用hooks
npm set-script prepare "husky install"
添加 commit-msg 钩子
npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'
安装 commit 校验工具
npm install --save-dev @commitlint/cli @commitlint/config-conventional
创建 commitlint.config.js 文件
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js
至此完成了 可以提交信息,试试了
⚠️注意: 如果报错请参考下面解决方法
哈哈哈 报错了吧, 看看是下面这个错误吧
![在这里插入图片描述](https://img-blog.csdnimg.cn/85d06963bb504a53bfba59c50d819357.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2xlYXNvbi4=,size_20,color_FFFFFF,t_70,g_se,x_16)
问题很简单找到 commitlint.config.js
文件
![在这里插入图片描述](https://img-blog.csdnimg.cn/ecff93eb24a24eadaa50147dcadb16da.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2xlYXNvbi4=,size_17,color_FFFFFF,t_70,g_se,x_16)
看下它的编码格式只要不是 UTF-8
就是错误的,所以需要改成UTF-8
格式
![在这里插入图片描述](https://img-blog.csdnimg.cn/27a07621ed7c4a69b8c8449ea3839101.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2xlYXNvbi4=,size_20,color_FFFFFF,t_70,g_se,x_16)
点击上图画框位置选择
![在这里插入图片描述](https://img-blog.csdnimg.cn/8c3832a6aeab4293bac21ef25c2ba9c8.png)
选择UTF-8
![在这里插入图片描述](https://img-blog.csdnimg.cn/c3f2dd06964c4c21b041ebbadf2a0ff9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2xlYXNvbi4=,size_20,color_FFFFFF,t_70,g_se,x_16)
再提交一次试试吧 —> 成功了
![在这里插入图片描述](https://img-blog.csdnimg.cn/958df7c9168a47ddb67761d06c8797c3.png)
官方配置
https://commitlint.js.org/#/guides-ci-setup