国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端代碼風(fēng)格自動(dòng)化系列(五)之共同出擊

pumpkin9 / 996人閱讀

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

我們?cè)谇懊娴乃钠薪榻B了huskycommitlintlint-stagedprettier這些工具,可以完成以最小的代價(jià)在Git提交到遠(yuǎn)程倉(cāng)庫(kù)前,格式化為統(tǒng)一風(fēng)格的代碼,eslint大家都很熟悉這里就不列舉了。下面舉一個(gè)配置。

{
  "devDependencies": {
    "babel-eslint": "^10.0.1",
    "eslint": "^5.4.0",
    "eslint-config-airbnb": "^17.0.0",
    "eslint-config-prettier": "^3.0.1",
    "eslint-plugin-babel": "^5.1.0",
    "eslint-plugin-compat": "^2.6.2",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-jsx-a11y": "^6.1.2",
    "eslint-plugin-markdown": "^1.0.0-beta.6",
    "eslint-plugin-react": "^7.11.1",
    "husky": "^1.1.2",
    "lint-staged": "^8.0.4",
    "prettier": "1.14.3",
    "stylelint": "^9.4.0",
    "stylelint-config-prettier": "^4.0.0",
    "stylelint-config-standard": "^18.0.0",
    "tslint": "^5.10.0",
    "tslint-config-prettier": "^1.10.0",
    "tslint-react": "^3.6.0",
  },
  "lint-staged": {
    "**/*.{js,jsx,less}": [
      "prettier --write",
      "git add"
    ],
    "**/*.{js,jsx}": "npm run lint-staged:js",
    "**/*.less": "stylelint --syntax less"
  },
  "husky": {
    "hooks": {
      "pre-commit": "npm run lint-staged",
      "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS"
    }
  }
}

這里對(duì)于項(xiàng)目里tsjsjsxless分別做了提交前格式化操作,對(duì)于提交規(guī)范做了校驗(yàn)。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/100789.html

相關(guān)文章

  • React 可視化開發(fā)工具 shadow-widget 最佳實(shí)踐(上)

    摘要:上例的功能塊定義了如下節(jié)點(diǎn)樹入口節(jié)點(diǎn)是面板,結(jié)合該節(jié)點(diǎn)的函數(shù)書寫特點(diǎn),我們接著介紹最佳實(shí)踐如何處理功能塊之內(nèi)的編程。 本文介紹 React + Shadow Widget 應(yīng)用于通用 GUI 開發(fā)的最佳實(shí)踐,只聚焦于典型場(chǎng)景下最優(yōu)開發(fā)方法。分上、下兩篇講解,上篇概述最佳實(shí)踐,介紹功能塊劃分。 showImg(https://segmentfault.com/img/bVWu3d?w=6...

    techstay 評(píng)論0 收藏0
  • JavaScript系列(四) - 收藏集 - 掘金

    摘要:函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言,然而,近幾年,函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此,...

    cfanr 評(píng)論0 收藏0
  • 前端代碼風(fēng)格動(dòng)化系列(一)Husky

    摘要:代碼風(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)能上手,在這條路上誕生了許許多...

    EdwardUp 評(píng)論0 收藏0
  • 前端代碼風(fēng)格動(dòng)化系列(四)Prettier

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

    wangjuntytl 評(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 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

pumpkin9

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<