husky 7 的安装，注意下版本

第一步 安装

cnpm install husky@7.0.4 --save-dev

第二步 在package.json script加入

"prepare": "husky install",

第三步 执行下

npm run prepare

第四步 添加hooks

yarn husky add .husky/pre-commit "npm run test"

第五步 进入.husky/pre-commit 写shell脚本

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

git log -2 > a.txt

就一句，把log生成个文件

需求：

git转svn的时候，git信息会丢失，就想每次提交的时候把git的提交记录，弄个文本，放进去，然后打包的时候copy进dist

问题：

每次提交的最新的信息没有

获取不到commit的文本信息

生成的文件，git下又会发现新的变动，导致一直有没提交的文件

最后解决方案：

放弃husky，加个bat，执行下 git log -10 > a.txt,自动构建打包的时候把a.txt放到dist

package.json 里面 scripts 加个

"gitLog": "git log -10 > gitlog.txt",

直接能执行，但是也是有 最后生成文件后，会有文件change问题。

刚又有个新想法，就是在 pre-commit 里面 git add 这个 gitlog.txt 然后自动commit会不会就ok了呢

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

echo "当前git提交时间 $(date "+%Y-%m-%d %H:%M:%S") $1" > gitlog.txt

git log -10 >> gitlog.txt

git add gitlog.txt

解决提交的问题了，现在还有 得不到commit-msg 文字的问题

prepare-commit-msg

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

. "$(dirname "$0")/common.sh"

echo "2 当前git提交时间 $(date "+%Y-%m-%d %H:%M:%S") " >> gitlog.txt

cat "$1" >> gitlog.txt

git add gitlog.txt

原来$1是文件地址 要用cat读取

msg =$(cat $1)

新的问题是，能读到msg的时候，已经commit完了。郁闷。。

最新总结

pre-commit

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

# <!doctype html><html lang="en"><head><meta charset="utf-8"/></head><body></body></html>

msg="<meta charset=\"utf-8\"/><pre>\n"

msg="$msg husky Recording function: \n"

msg="$msg 1. 记录最后一次commit时间\n"

msg="$msg 2. 记录最后5次commit记录\n"

msg="$msg \n"

msg="$msg 当前最后一次git提交时间 $(date "+%Y-%m-%d %H:%M:%S")\n"

msg="$msg 由于最后一次commit没有记录功能，下面List为第2-6次的git commit提交信息：\n"

echo -e "$msg" > public/gitlog.html

git log -5 >> public/gitlog.html

echo "</pre>" >> public/gitlog.html

git add public/gitlog.html

下面这个废弃了，因为生成文件可以直接放入public目录，这样build自动就copy了。

打包的时候，再copy到dist目录

const fs = require('fs-extra');

fs.copyFileSync('gitlog.txt', 'build/gitlog.html');

最后找的解决方案了！！

pre-commit

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

touch .commit

post-commit

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

# 因为post-commit 是肯定走的hooks 但是 pre-commit是可以取消的，

# 这里就用在 pre-commit 生成一个文件，然后这里再删除，这样就不会进入死循环了。

if [ -e .commit ]; then

rm -rf .commit

msg="<meta charset=\"utf-8\"/><pre>\n"

msg="$msg husky Recording function: \n"

msg="$msg 1. 记录最后一次commit时间\n"

msg="$msg 2. 记录最后5次commit记录\n"

msg="$msg \n"

msg="$msg 当前最后一次git提交时间 $(date "+%Y-%m-%d %H:%M:%S")\n"

msg="$msg 最后5次的git commit提交信息：\n"

echo -e "$msg" > public/gitlog.html

git log -5 >> public/gitlog.html

echo "</pre>" >> public/gitlog.html

git add public/gitlog.html

git commit --amend -C HEAD --no-verify

fi

20211110 更新

问题：多人维护的时候，这个gitlog文件 每次都冲突，改成自己的git用户名

在gitlog目录建立个 index.html 再做几个链接就完了

小瑕疵：$(git config user.name) 想存个变量 再用，但是没有研究出来

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

# 因为post-commit 是肯定走的hooks 但是 pre-commit是可以取消的，

# 这里就用在 pre-commit 生成一个文件，然后这里再删除，这样就不会进入死循环了。

if [ -e .commit ]; then

rm -rf .commit

msg="<meta charset=\"utf-8\"/><pre>\n"

msg="$msg husky Recording function: \n"

msg="$msg 1. 记录最后一次commit时间\n"

msg="$msg 2. 记录最后5次commit记录\n"

msg="$msg \n"

msg="$msg 当前最后一次git提交时间 $(date "+%Y-%m-%d %H:%M:%S")\n"

msg="$msg 最后5次的git commit提交信息：\n"

echo -e "$msg" > public/gitlog/$(git config user.name).html

git log -5 >> public/gitlog/$(git config user.name).html

echo "</pre>" >> public/gitlog/$(git config user.name).html

git add public/gitlog/$(git config user.name).html

git commit --amend -C HEAD --no-verify

fi

20211117 更新

发现vue脚手架 本身自带 gitHooks https://cli.vuejs.org/zh/guide/cli-service.html#git-hook

换成 husky后，就不执行之前的gitHooks了，

之前执行的是 lint-staged，所以要加上

pre-commit 文件更新

#!/bin/sh

. "$(dirname "$0")/_/husky.sh"

npm run lint-staged || {

  echo

  echo "pre-commit hook failed (add --no-verify to bypass)"

  exit 1

}

touch .commit

package.json 添加script命令

"lint-staged": "lint-staged",

如果不加 可以直接加 node '../node_modules/lint-staged/index.js' 也行，但是我觉得还是执行npm看着更舒服些。

资料

https://www.npmjs.com/package/husky

husky 7.0.4 git hooks 前端 commit 钩子 git转svn [已解决]的更多相关文章

  1. vite vue3 规范化与Git Hooks

    在 <JS 模块化>系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的"四个现代化":工程化.模块化.规范化.流程化.在该系列文章中已详细介绍了模块化的发 ...

  2. 使用Git Hooks实现开发部署任务自动化

    前言 版本控制,这是现代软件开发的核心需求之一.有了它,软件项目可以安全的跟踪代码变更并执行回溯.完整性检查.协同开发等多种操作.在各种版本控制软件中,git是近年来最流行的软件之一,它的去中心化架构 ...

  3. git hooks在业务中的使用

    起因 最近公司项目发生了一起线上事故,最后排查下来是配置文件的问题.项目里application.yml文件内会用@build.time@记录打包时的时间,但是这个写法是build-helper-ma ...

  4. 钩子(hooks)—webhook-使用钩子自动触发部署

    钩子(hooks)-webhook http://fighter.blog.51cto.com/1318618/1670667 https://www.lovelucy.info/auto-deplo ...

  5. git tag、gitignore和git撤销提交

    前言 最近在git的使用过程中遇到了一些新的问题,所以写下来方便自己回忆. git tag 打标签 git tag -a v1.00 -m "注释" git tag 打标签命令 - ...

  6. 012-基于 git hooks 的前端代码质量控制解决方案

    原文看这里:https://github.com/kuitos/kui...全部文章看这里 https://github.com/kuitos/kui... 国际惯例先说下故事背景 通常情况下,如果我 ...

  7. 前端规范之Git工作流规范（Husky + Comminilint + Lint-staged）

    代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一 ...

  8. [git hooks] pre-commit 配置

    在开发过程中,通常使用 eslint 来规范团队的代码风格.但是 eslint 只能在开发服务器启动的时候才去检验代码.如果一个人在不启动开发服务器的情况下,修改了代码直接提交到git,那么别人pul ...

  9. Git Hooks、GitLab CI持续集成以及使用Jenkins实现自动化任务

    Git Hooks.GitLab CI持续集成以及使用Jenkins实现自动化任务 前言 在一个共享项目(或者说多人协同开发的项目)的开发过程中,为有效确保团队成员编码风格的统一,确保部署方式的统一, ...

  10. git hooks All In One

    git hooks All In One $ xgqfrms git:(main) cd .git/ $ .git git:(main) ls COMMIT_EDITMSG HEAD branches ...

随机推荐

  1. ElasticSearch-索引库、文档操作

    1.elasticsearch的作用 elasticsearch是一款非常强大的开源搜索引擎,具备非常多强大功能,可以帮助我们从海量数据中快速找到需要的内容 2.elasticsearch和lucen ...

  2. 【算法】C程序超详细的qsort排序函数解释和模拟

    C程序利用冒泡排序的思想模拟实现qsort排序函数 求个赞求个赞求个赞求个赞 谢谢 先赞后看好习惯 打字不容易,这都是很用心做的,希望得到支持你 大家的点赞和支持对于我来说是一种非常重要的动力 看完之 ...

  3. 【Linux】虚拟机太卡咋办？用云服务器Xshell配置Vmware虚拟机【技能篇】

    [Linux]用云服务器Xshell配置Vmware虚拟机[技能篇] 强烈建议本篇收藏后再食用~ 文章目录 Xshell下载 配置Vmware 尾声 平时我们使用虚拟机,可能最烦人的问题就是卡顿了.今 ...

  4. 使用私有gitlab搭建gitbook持续集成

    目录 环境搭建 1. 安装 Node.js 2. 安装 gitbook 3. 安装 Gitlab Runner 4. 注册Runner gitbook 配置 1. 目录结构 2. 命令行 3. 插件 ...

  5. Linux通过fdisk或者parted进行磁盘分区，然后格式化和挂载磁盘

    磁盘分区是Linux的常用命令,其中fdisk和parted命令最为常用.但是当磁盘大于2T时,fdisk只能分到2T. 比如4T的磁盘,fdisk只能分2T的主分区出来,parted可以直接分成4T ...

  6. CF1010C Border 题解

    题目传送门 前置知识 最大公约数 | 裴蜀定理 简化题意 给定一个长度为 \(n\) 的序列 \(a\),求 \((\sum\limits_{i=1}^{n}d_ia_i) \bmod k\) 一共会 ...

  7. 2023年多校联训NOIP层测试7+【LGR-149-Div.3】洛谷基础赛 #2 & qw Round -1

    普及模拟3 \(T1\) 最大生成树 \(100pts\) 简化题意:给定一个 \(n(1 \le n \le 1 \times 10^5)\) 个点的完全图,给定各点的点权 \(a_i(1 \le ...

  8. 多线程系列(二) -Thread类使用详解

    一.简介 在之前的文章中,我们简单的介绍了线程诞生的意义和基本概念,采用多线程的编程方式,能充分利用 CPU 资源,显著的提升程序的执行效率. 其中java.lang.Thread是 Java 实现多 ...

  9. NC22594 Rinne Loves Graph

    题目链接 题目 题目描述 Island 发生了一场暴乱!现在 Rinne 要和 Setsuna 立马到地上世界去. 众所周知:Island 是有一些奇怪的城镇和道路构成的(题目需要,游戏党勿喷),有些 ...

  10. NC14699 队伍配置

    题目链接 题目 题目描述 萌学姐在玩大型手游<futa go>,他现在准备进入作战环节,所以他准备安排自己的队伍. 队伍配置里,可供玩家选择的作战人物被称作"从者",玩 ...