前端代碼風(fēng)格自動(dòng)化系列（一）之Husky

EdwardUp 發(fā)布于2019-08-23 14:33 / 2729人閱讀

摘要：代碼風(fēng)格和性格一樣，每個(gè)程序員都有自己的特點(diǎn)，但對(duì)于大家協(xié)同開發(fā)的項(xiàng)目，還是需要力求代碼風(fēng)格的一致性，以減少，方便互相修改，短時(shí)間內(nèi)能上手，在這條路上誕生了許許多多的工具。本系列主要介紹目前主流的前端代碼格式化的工具。

代碼風(fēng)格和性格一樣，每個(gè)程序員都有自己的特點(diǎn)，但對(duì)于大家協(xié)同開發(fā)的項(xiàng)目，還是需要力求代碼風(fēng)格的一致性，以減少Bug，方便互相修改，短時(shí)間內(nèi)能上手，在這條路上誕生了許許多多的工具。本系列主要介紹目前主流的前端代碼格式化的工具。

本篇主要介紹代碼提交鉤子Husky的用法，在代碼被提交到Git倉庫之前，我們可以在這里做一些預(yù)檢查或者格式化，需要做這些操作，我們需要一個(gè)Git的提交鉤子，簡(jiǎn)單說就是使用Git命令會(huì)觸發(fā)的函數(shù)。

安裝

npm install husky --save-dev

配置

// package.json
{
  "husky": {
    "hooks": {
      "pre-commit": "npm run test",
      "pre-push": "npm  run test",
      "...": "..."
    }
  }
}

在1.0.0之后的版本支持了使用.huskyrc，.huskyrc.json，.huskyrc.js配置文件，可以不放在package.json中。

Husky支持的Git hooks還是很全面的，如常用的pre-commit、pre-push。這樣我們就能再一些特定的時(shí)間點(diǎn)做一些事情。

云服務(wù)器 GPU云服務(wù)器系列之系列之二架構(gòu)之坑系列代碼風(fēng)格

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100780.html

相關(guān)文章

前端代碼風(fēng)格自動(dòng)化系列（二）之Commitlint

摘要：文件配置配置說明由和配置數(shù)組組成，如，數(shù)組中第一位為，可選，為，為，為，第二位為應(yīng)用與否，可選，第三位該的值。在有了Husky賦能之后，我們有能力在Git的鉤子里做一些事情，首先不得不提的是代碼的提交規(guī)范和規(guī)范的校驗(yàn)，優(yōu)雅的提交，方便團(tuán)隊(duì)協(xié)作和快速定位問題。首推Commitlint，另外@加神推薦了Gitmoji也是一個(gè)很有意思的工具。安裝 npm install --save-...

FuisonDesign 2019-08-23 14:33 評(píng)論0 收藏0
前端代碼風(fēng)格自動(dòng)化系列（五）之共同出擊

摘要：我們?cè)谇懊娴乃钠薪榻B了這些工具，可以完成以最小的代價(jià)在提交到遠(yuǎn)程倉庫前，格式化為統(tǒng)一風(fēng)格的代碼，大家都很熟悉這里就不列舉了。下面舉一個(gè)配置。這里對(duì)于項(xiàng)目里分別做了提交前格式化操作，對(duì)于提交規(guī)范做了校驗(yàn)。我們?cè)谇懊娴乃钠薪榻B了husky、commitlint、lint-staged、prettier這些工具，可以完成以最小的代價(jià)在Git提交到遠(yuǎn)程倉庫前，格式化為統(tǒng)一風(fēng)格的代碼，es...

pumpkin9 2019-08-23 14:33 評(píng)論0 收藏0
前端代碼風(fēng)格自動(dòng)化系列（三）之Lint-staged

摘要：在我們介紹了之后，來看一個(gè)前端文件過濾的工具，代碼的格式化肯定會(huì)涉及到文件系統(tǒng)，一般工具會(huì)首先讀取文件，格式化操作之后，重新寫入。在我們介紹了Husky、Commitlint之后，來看一個(gè)前端文件過濾的工具Lint-staged，代碼的格式化肯定會(huì)涉及到文件系統(tǒng)，一般工具會(huì)首先讀取文件，格式化操作之后，重新寫入。對(duì)于較大型的項(xiàng)目，文件眾多，首先遇到的就是性能問題，雖然如Eslint之...

zzir 2019-08-23 14:33 評(píng)論0 收藏0
前端代碼風(fēng)格自動(dòng)化系列（四）之Prettier

摘要：這里有個(gè)官網(wǎng)的例子格式化之后讓我們專注于業(yè)務(wù)邏輯，無需再糾結(jié)代碼風(fēng)格，配合其它工具，實(shí)現(xiàn)了代碼提交到倉庫前，統(tǒng)一格式化。 Prettier是一個(gè)支持多語言的代碼格式工具，如常用的：js、jsx、Vue、Flow、Ts、HTML、CSS等，非常全面，將代碼解析為AST，然后重新組裝，目的是最終輸出風(fēng)格統(tǒng)一的代碼，對(duì)比eslint對(duì)error的fix要強(qiáng)一些，如最大長度的改動(dòng)，eslint...

wangjuntytl 2019-08-23 14:33 評(píng)論0 收藏0
如何文明提交代碼

摘要：程序員最煩的幾件事寫測(cè)試，變量命名，還有填代碼提交信息。其實(shí)的作用遠(yuǎn)不止如此，經(jīng)過簡(jiǎn)單的配置便可無痛成為代碼提交的文明公民。好的提交歷史可以方便其他人參與進(jìn)來，也可以方便自己快速定位問題。程序員最煩的幾件事：寫測(cè)試，變量命名，還有填代碼提交信息（commit message）。翻幾個(gè)開源項(xiàng)目遍馬上可以回味那作文湊字?jǐn)?shù)的青春時(shí)光。其實(shí) commit message 的作用遠(yuǎn)不止如此，...

BaronZhang 2019-08-23 12:07 評(píng)論0 收藏0