一、前置条件

  为了更好地 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. br4gOnB4ll靶机笔记

    br4gOnB4ll靶机笔记 这是一台vulnhub上的免费靶机,比较简单. 1.主机发现 主机发现 -sn 只做ping扫描,不做端口扫描 nmap -sn 192.168.84.1/24 Star ...

  2. T113s工业套件简述

    T113s工业套件简述 提示 T113开发交流QQ群:120575746 此开发板的任何问题都可以在我们的论坛交流讨论 https://forums.100ask.net/c/aw/ 硬件简述​ 10 ...

  3. Win32 创建窗口翻车记录

    今天创建窗口的时候,在捕获消息WM_CREATE的时候翻车了,找了好久都没找到,我换另一台电脑上又没出问题, 现分享下:LRESULT QWnd::WindowProc(HWND hWnd, UINT ...

  4. centos7.3离线安装和配置NFS

    概述 # NFS为 Network FileSystem 的简称,它的目的就是想让不同的机器.不同的操作系统可以彼此分享个别的档案啦! 目前在 Unix Like 当中用来做为文件服务器是相当不错的一 ...

  5. 【Python自动化】之特殊的自动化定位操作

    今天有时间了,想好好的把之前遇到过的自动化问题总结一下,以后有新的总结再更新 目录: 一.上传文件(4.11) 二.下拉框选择(4.11) 1.Select下拉框 2.非Select下拉框 三.下拉框 ...

  6. JVM笔记六-堆区知识之对象生命周期和GC的关系

    通过上一篇文章的学习,我们对JVM堆区有了初步的认识,接下来,我们继续展开讲解堆区. 对象生命周期和GC的关系. 我们已经知道了,堆区的新生区分成了三个部分:伊甸园区.幸存者0区.幸存者1区. 其中0 ...

  7. OpenCV开发笔记(八十):基于特征点匹配实现全景图片拼接

    前言   一个摄像头视野不大的时候,我们希望进行两个视野合并,这样让正视的视野增大,从而可以看到更广阔的标准视野.拼接的方法分为两条路,第一条路是Sticher类,第二条思路是特征点匹配.  本篇使用 ...

  8. sentinel中如何使用@SentinelResource和openFeign来进行服务熔断和降级的操作

    sentinel 前方参考 计算QPS-Sentinel限流算法 https://www.cnblogs.com/yizhiamumu/p/16819497.html Sentinel 介绍与下载使用 ...

  9. Angular 18+ 高级教程 – Component 组件 の Dynamic Component 动态组件

    前言 Angular 是 MVVM 框架. MVVM 的宗旨是 "不要直接操作 DOM". 为了这个 "不要直接操作 DOM",我们已经讲了 2 篇文章了. 第 ...

  10. Figma 学习笔记 – Constraints 约束

    用途 Constraints 用于 responsive design, 子元素和父元素建立约束关系后, 当父元素 dimension 变换的时候, 子元素会做出相应的变化 (移动位置或 resize ...