亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js前端架構(gòu)Git?commit提交規(guī)范

 更新時(shí)間：2022年07月05日 10:29:19   作者：Gaby  
這篇文章主要為大家介紹了前端架構(gòu)Git?commit提交規(guī)范示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

Git commit 規(guī)范

在工作中避免不了多人協(xié)作，協(xié)作避免不了有一個(gè)規(guī)范的流程，讓大家有效的去合作；讓項(xiàng)目有條不紊的進(jìn)行。自然使用 git 規(guī)范進(jìn)行把控也是項(xiàng)目中必不可少的技術(shù)了。

為什么要寫好 Git Commit?

  • 提供更多的歷史信息，方便快速瀏覽
  • 可以過(guò)濾某些commit（比如文檔改動(dòng)），方便快速查找信息
  # 過(guò)濾日志信息
  git log HEAD --pretty=format:%s --grep 關(guān)鍵字
  • 可以直接從commit生成Change log

如何寫好Git Commit

業(yè)界使用比較廣泛的是Angular規(guī)范

<type>(<scope>):<subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>
  • 標(biāo)題行：必填，描述主要修改類型和內(nèi)容
  • 主要內(nèi)容：描述為什么修改，做什么樣的修改，以及開發(fā)的思路等等
  • 頁(yè)腳注釋：放 Breaking Changes 或 Closed Issuses

type | commit 類型

類型詳細(xì)介紹
feat新功能、新特性
fixbugfix，修改問(wèn)題
refactor代碼重構(gòu)
docs文檔修改
style代碼格式修改，注意不是css修改
test測(cè)試用例修改
chore其他修改，比如構(gòu)建，依賴管理

scope | commit影響的范圍 比如：route、component、utils、build.....

  • subject:commit 的概述，建議符合 50/72 formatting
  • body：commit 具體修改內(nèi)容，可以分為多行，建議符合50/72 formatting
  • footer：一些備注，通常是BREAKING CHANGE 或 修改的bug鏈接

利用插件（commitizen）

利用commitizen，提交規(guī)范的commit。

  • commitizen 用于提示用戶輸入或選擇，生成規(guī)范的commit
  • cz-conventional-changelog 用于生成changelog
# 1. 下載cz-conventional-changelog changelog插件 
npm install -g commitizen cz-conventional-changelog
# 2. package.json 配置

{
    "scripts": { 
    # 以后提交commit 直接執(zhí)行npm run commit
       "commit": "git-cz",
    },
    # config用來(lái)設(shè)置一些項(xiàng)目不怎么變化的項(xiàng)目配置，用戶用的時(shí)候可以使用如下用法：process.env.npm_package_config_commitizen
    "config": {
      "commitizen": {
        "path": "./node_modules/cz-conventional-changelog"
      }
  }
}

# 也可以使用以下配置，配置全局變量
# 命令行中輸入以下命令，配置到czrc目錄下,也可以用vim編輯~/.czrc添加到文件中去{ "path": "cz-conventional-changelog"}
echo '{ "path": "cz-conventional-changelog"}' > ~/.czrc

自定義文檔格式,commit用中文去寫（擴(kuò)展）

# 1.下載
npm install -g cz-customizable
# 2. package.json 配置
...
"config": {
  "commitizen": {
    "path": "node_modules/cz-customizable"
  },
  "cz-customizable": {
    "config": "./cz.config.js"
  }
}

# 也可以使用以下配置，配置全局變量
echo '{ "path": "cz-customizable"}' > ~/.czrc
# echo添加或vim編輯添加
vim .czrc
# 添加配置 { "path": "cz-customizable"}

# 3.創(chuàng)建配置文件
touch ./cz.config.js

cz.config.js

module.exports = {
  //可選類型
  types: [
    { value: 'feat', name: 'feat:   新功能' },
    { value: 'fix', name: 'fix:   修復(fù)' },
    { value: 'docs', name: 'docs:   文檔變更' },
    { value: 'style', name: 'style:   代碼格式(不影響代碼運(yùn)行的變動(dòng))' },
    {
      value: 'refactor',
      name: 'refactor:重構(gòu)(既不是增加feature)，也不是修復(fù)bug'
    },
    { value: 'perf', name: 'perf:   性能優(yōu)化' },
    { value: 'test', name: 'test:   增加測(cè)試' },
    { value: 'chore', name: 'chore:   構(gòu)建過(guò)程或輔助功能的變動(dòng)' },
    { value: 'revert', name: 'revert:   回退' },
    { value: 'build', name: 'build:   打包' },
    { value: 'revert', name: 'revert:   回退' }
  ],
  //消息步驟
  messages: {
    type: '請(qǐng)選擇提交類型',
    customScope: '請(qǐng)輸入修改范圍(可選)',
    subject: '請(qǐng)簡(jiǎn)要描述提交(必填)',
    body: '請(qǐng)輸入詳細(xì)描述(可選)',
    footer: '請(qǐng)輸入要關(guān)閉的issue(可選)',
    confirmCommit: '確認(rèn)以上信息提交?(y/n)'
  },
  //跳過(guò)問(wèn)題
  skipQuestion: ['body', 'footer'],
  //subject文字長(zhǎng)度默認(rèn)是
  subjectLimit: 72
}

gitmoji(趣味圖標(biāo)-擴(kuò)展）

npm i -g gitmoji-cli
gitmoji -c # git commit 提交

Git hooks

Git 鉤子（hooks）是在Git倉(cāng)庫(kù)中特定事件（certain points）觸發(fā)后被調(diào)用的腳本

可以用git init初始化git文件，在.git/hooks下有各種鉤子模版，可以用例如less prepare-commit-msg.sample查看文件，里面是一段執(zhí)行腳本。

  • 客戶端鉤子-> 由諸如提交和合并這樣的操作所調(diào)用
  • 服務(wù)端鉤子-> 作用于諸如接收被推送的提交這樣的聯(lián)網(wǎng)操作

客戶端 Hooks

類型詳細(xì)介紹
prepare-commit-msgcommit message編輯器呼起前 default commit message創(chuàng)建后觸發(fā)，常用于生成默認(rèn)的標(biāo)準(zhǔn)化的提交說(shuō)明
commit-msg開發(fā)者編寫完并確認(rèn)commit message后觸發(fā)，常用于校驗(yàn)提交說(shuō)明是否標(biāo)準(zhǔn)
post-commit整個(gè)git commit完成后觸發(fā)，常用于郵件通知、提醒
applypatch-msggit am提取補(bǔ)丁并 應(yīng)用于當(dāng)前分支后，準(zhǔn)備提交觸發(fā)，常用于執(zhí)行測(cè)試用例或檢查緩沖區(qū)代碼
pre-applypatchgit am提交后觸發(fā)，常用于通知、補(bǔ)丁、郵件推送回復(fù)（此鉤子不能停止git am過(guò)程）
pre-rebase執(zhí)行g(shù)it rebase命令時(shí)觸發(fā)
post-rewrite執(zhí)行會(huì)替換commit的命令時(shí)觸發(fā)，比如git rebase 或 git cimmit-amend
post-checkout執(zhí)行g(shù)it checkout命令成功后觸發(fā)，可用于生成特定文檔，處理大二進(jìn)制文件等
post-merge成功完成一次merge行為后觸發(fā)
pre-auto-gc執(zhí)行垃圾回收前觸發(fā)

服務(wù)端 Hooks

類型詳細(xì)介紹
pre-receive當(dāng)服務(wù)端收到一個(gè)push操作請(qǐng)求時(shí)觸發(fā)，可用于檢測(cè)push的內(nèi)容
update與pre-receive相似，但當(dāng)一次push想更新多個(gè)分支時(shí)，pre-receive只執(zhí)行一次，而此鉤子會(huì)為沒(méi)一分支都執(zhí)行一次
post-receive當(dāng)整個(gè)push操作完成時(shí)觸發(fā)，常用于服務(wù)側(cè)同步、通知

項(xiàng)目使用

Git Husky

用node實(shí)現(xiàn)的的快速安裝git hooks的工具

// npm install husky --save-dev
// package.json
{
  "husky" : {
    "hooks": {
       "pre-commit": "npm test",
        // ......
    }
  }
}

命令行 less .git/hooks/pre-commit 查看pre-commit文件，可以看見(jiàn)"(dirname"(dirname "(dirname"0")/husky.sh",然后可以查看less .git/hooks/husky.sh

link-staged

只會(huì)檢測(cè)暫存區(qū)的文件，不會(huì)對(duì)所有的文件進(jìn)行檢測(cè)，也就是說(shuō)我修改一個(gè)文件，只會(huì)檢測(cè)當(dāng)前這個(gè)文件

 # 安裝代碼檢測(cè)工具
 npm install prettier eslint -D
 # 安裝lint-staged
 npx mrm lint-staged

{
"gitHooks": {
    "pre-commit": "lint-staged"
  },
{
  "lint-staged": {
    "*.js": "eslint --cache --fix",
    "*.{js,css,md}": "prettier --write"
  }
}

以上就是js前端架構(gòu)Git commit提交規(guī)范的詳細(xì)內(nèi)容，更多關(guān)于js架構(gòu)Git commit規(guī)范的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論