一、前置条件

  为了更好地 GIT 提交,加入了代码提交规范和规范校验,优雅的提交;

  方便团队协作和快速定位问题,采取 Husky + commitlint 辅助项目做约定。

   npm install --save-dev husky

  For windows install commintlint:

   npm install --save-dev @commitlint/config-conventional @commitlint/cli

二、配置

  // 命令生成配置文件 commitlint.config.js 或 .commitlintrc.js

   echo "module.exports = {extends: ['@commitlint/config-conventional']};" > commitlint.config.js

  package.json 添加commitlint配置项:

"husky": {
"hooks": {
"pre-commit": "npm run lint",
"commit-msg": "commitlint -e $HUSKY_GIT_PARAMS"
}
}

  husky是git hook工具,文件格式 .huskyrc,它能帮你阻挡不好的代码提交和推送;

  (pre-commit 钩子命令用于提交前运行检查,看项目情况决定要不要使用,

   "pre-commit": "lint-staged"  扩展使用lint-staged库辅助,或者是自定义lint,

   "lint": "eslint src --fix --ext .ts,.tsx "  )

       

  或者创建文件 .lintstagedrc  

  (如果无pre-commit限制,使用 --no-verify  eg: git commit --no-verify -m 'feat: 增加 xxx 功能'  )

三、定制提交规范

  1.提交格式(冒号后面有空格):

    '<type>[scope]: <subject>'
  // eg: git commit -m 'feat: 增加什么功能'

    type|subject 必选,scope 可选;

    scope 可省略,用于说明commit的影响范围和模块;

    subject 是commit的目的简短描述,可以配置最大长度限制,配置72字符;

  2.常用type类型:

'build'

项目构建的提交(eg:webpack配置等)
'upd'  更新某个功能
'feat' 新功能(feature)
'fix' 修补bug

'refactor'

重构代码(不是新增也不是修补代码)
'style' 不影响程序逻辑的改动(eg:格式)
'perf' 性能优化
'revert' 回滚到某个更早的提交

'docs'

文档更新

'chore'

其他类型(eg:构建过程或辅助工具的变化)

'test'

增加测试用例

  3. commitlint config rules

    level: 0为disable,1为warning,2为error;

    第二位: 'always'或'never';

    第三位: 值

  4.配置图如下:

  

四、范例

  终端(开发分支)步骤:

  git add . -> git commit –no-verify –m ‘upd: 更新某个功能’-> git push

  github desktop /vscode git管理/TortoiseGit客户端:

  暂存更改 -> 描述(upd: 更新某个功能) commit  ->  push/fetch

  

Git项目提交规范结合Husky + commitlint使用的更多相关文章

  1. Git代码提交规范

    1. 引言 思想,因人而异,难以重复 写代码时,每个人的习惯是不一样的,所以,引入了代码规范,为了省力,引入了自动格式化代码工具,前端工程中比较典型的自动格式化代码工具如:Prettier · Opi ...

  2. Git 项目提交新仓库

    提示:进入项目文件操作 步骤: 1.git init   ----------初始化git仓库 2.git remote add origin 你的项目地址  ------------------如: ...

  3. Git 日志提交规范

    Commit messages的基本语法 当前业界应用的比较广泛的是 Angular Git Commit Guidelines 具体格式为: <type>: <subject> ...

  4. Git Commit 提交规范

    写好 Commit message 好处多多: 1.统一团队Git commit 日志风格 2.方便日后 Reviewing Code 3.帮助我们写好 Changelog 4.能很好的提升项目整体质 ...

  5. 将本地已经存在的非git项目提交到github上的空仓库

    一.本地项目执行操作 1.在本地项目目录下初始化git仓库 git init 2.将本地项目下工作区的所有文件添加到git版本库的暂存区中 git add . (可以创建.gitignore文件忽略不 ...

  6. Git 项目提交代码及一些常用命令

    在dev_ysg分支 : git add . //把项目添加到仓库 git commit -m "test" // 提交加注释 git push //推到dev_ysg分支上去 g ...

  7. git项目提交后执行添加忽略操作

    需要删除文件暂存区中的忽略文件 git rm -r --cached 需要忽略的已提交文件或文件夹 eg: git rm -r --cached target/

  8. 如何规范git commit提交

    相信很多人使用SVN.Git等版本控制工具时候都会觉得每次提交都要写一个注释有什么用啊?好麻烦,所以我每次都是随便写个数字就提交了,但是慢慢的我就发现了,如果项目长期维护或者修改很久之前的项目,没有一 ...

  9. 前端规范之Git提交规范(Commitizen)

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

  10. 前端规范之Git工作流规范(Husky + Comminilint + Lint-staged)

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

随机推荐

  1. GOT & PLT 易于理解的个人笔记

    为什么我们用动态链接和GOT表 我们知道静态链接就没那么多事,直接把全部要用的函数都绑定在一起,各个变量和函数之间的偏移量当然能算出来. 但是这也恰恰是静态链接的缺点,相同的代码段反复调用真是太臃肿了 ...

  2. 高考志愿填报指南:使用AI阅读工具ChatDOC搭建专业、好用、免费的AI高考志愿填报系统

    高考志愿填报指南:使用 ChatDOC 搭建专业.好用.免费的 AI 高考志愿填报系统 不说废话,直接上干货.针对高考志愿填报,这篇文章能为你提供以下内容:高考志愿填报专业数据.高考志愿填报分析思路. ...

  3. SMU Summer 2024 Contest Round 4

    SMU Summer 2024 Contest Round 4 Made Up 题意 给你三个序列 \(A,B,C\) ,问你满足 \(A_i = B_{C_j}\) 的 \((i,j)\) 对有多少 ...

  4. 旧笔记本安装Win8.1实录

    昨天发现一台尘封已久的Lenovo ideapad Y550,给它装上了Windows 10 然后第二天系统挂掉了 挂的原因是半夜万恶之源Windows更新开始造孽了 刚好没电 文件全坏了 真 解除封 ...

  5. 网络问题mark

    复杂且混乱的网络环境, 主内网是192.168.0.254(网关), 中间混杂无数网段 , 无数dhcp, 同时还有0段的外网(跟254没关系) 现在是有一台服务器 , 192.168.0.47 , ...

  6. Visual Studio Code 配置文件关联

    在编写 Linux 的 .service 文件的时候,我发现 .service 文件的本质是 INI 文件.然而 VS Code 却并没有使用 INI 格式进行语法高亮.于是我通过如下设置使 VS C ...

  7. 【FFmpeg】之Mac系统爬取所有M3U8视频下载方法

    前言 由于有的网站不允许下载视频,到了有效期就不能看了,但是我想以后反复看,怎么办呢? 前提准备 操作系统:Mac 浏览器:谷歌浏览器 抓取m3u8工具:猫爪 视频处理工具:ffmpeg 需要安装工具 ...

  8. Mac m1 安装 scrcpy

    前提:已经安装 brew 1. 设定 HOMEBREW_BOTTLE_DOMAIN(不设定的时候 ,会遇到报错  Bottle missing, falling back to the default ...

  9. 使用win-acme在windows+iis服务器下配置自动续期SSL证书【转】

    发现阿里云免费证书只有3个月有效期了,手动操作太麻烦,咨询阿里云客服,阿里云说这是大势所趋,遂转向其他云,后来发现百度云还有1年的免费证书,继续问阿里云客服,其他友商都还在免费1年的,为啥阿里云免费的 ...

  10. Linux (Debian) 安装MySQL 后如何获取登录密码

    树莓派安装MySQL后获取登录密码 树莓派基于Debian系统. 成功安装MySQL后 su root vim /etc/mysql/debian.cnf 其中 user 和 password 就是你 ...