代碼風格統(tǒng)一：commitlint & eslint & standard-vers

lieeps 發(fā)布于2019-08-23 13:54 / 2984人閱讀

摘要：配置添加包配置此處如果不使用需要將替換為效果代碼提交的格式不符合標準就會直接被拒絕。

Commitlint 配置

添加包

yarn add @commitlint/cli @commitlint/config-conventional husky -D

配置package.json

"husky": {
    "hooks": {
      // 此處如果不使用husky 需要將HUSKY_GIT_PARAMS 替換為 GIT_PARAMS
      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
    }
  },
  "commitlint": {
    "extends": [
      "@commitlint/config-conventional"
    ]
  }

效果：代碼提交的格式不符合標準就會直接被拒絕。在團隊協(xié)作時提交歷史的回溯需要有良好的提交歷史

版本管理

yarn add standard-version -D

配置package.json

"scripts": {
    "release": "standard-version"
  }

執(zhí)行 yarn release 生成CHANGELOG.md 類似

# Change Log

All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.


## 1.0.3 (2018-12-05)


### Features

* **lint:** 添加commitlint配置 ([faee26d](http://url/commits/faee26d))
* **lint:** 簡化commitlint配置 ([affeb7d](http://url/commits/affeb7d))

ESLint配置

yarn add lint-staged -D

配置package.json

"husky": {
    "hooks": {
      // 代碼提交前 執(zhí)行l(wèi)int 也可以配合prettier將代碼直接格式化后提交
      "pre-commit": "lint-staged"
    }
  },
"lint-staged": {
    "linters": {
      "/src/**/*.js": [
        "eslint --fix",
        "git add"
      ]
    },
    "ignore": [
      "/**/*.min.js"
    ]
  }

代碼提交之前執(zhí)行l(wèi)int 保證代碼格式統(tǒng)一

云服務(wù)器 GPU云服務(wù)器 php游戲代碼&039&039 黑色html&039&039代碼 asp &amp&amp邏輯 js 2&amp&amp1

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

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

相關(guān)文章

工程搭建---代碼風格統(tǒng)一

摘要：為此我們需要安裝這個是用于提交代碼的鉤子函數(shù)安裝完之后，我們就需要在增加運行鉤子函數(shù)。等鉤子函數(shù)這樣就簡單的成功對代碼進行效驗了，當然這邊更進一步的可以使用這個可以將取得所有被提交的文件依次執(zhí)行寫好的任務(wù)。一個項目是會有多個成員來開發(fā)的，因此統(tǒng)一開發(fā)規(guī)范是很有必要的，不然每個人都有自己的風格，同步之后代碼都會報錯。我這邊是用Vscode編譯器的。首先用vue-cli3.0創(chuàng)建一個工...

levius 2019-08-23 16:05 評論0 收藏0
前端代碼風格自動化系列（五）之共同出擊

摘要：我們在前面的四篇中介紹了這些工具，可以完成以最小的代價在提交到遠程倉庫前，格式化為統(tǒng)一風格的代碼，大家都很熟悉這里就不列舉了。下面舉一個配置。這里對于項目里分別做了提交前格式化操作，對于提交規(guī)范做了校驗。我們在前面的四篇中介紹了husky、commitlint、lint-staged、prettier這些工具，可以完成以最小的代價在Git提交到遠程倉庫前，格式化為統(tǒng)一風格的代碼，es...

pumpkin9 2019-08-23 14:33 評論0 收藏0
Lint Your Code

摘要：形成良好統(tǒng)一的代碼規(guī)范，有利于提高代碼的可讀性，減少潛在的錯誤，便于團隊協(xié)作開發(fā)。其中是可選的，如果沒有則禁用所有規(guī)則，如果有則禁用所有規(guī)則。也可以定義一個命令同時運行這兩個命令，我在這里使用了我們定義了在鉤子觸發(fā)時會執(zhí)行命令。形成良好統(tǒng)一的代碼規(guī)范，有利于提高代碼的可讀性，減少潛在的錯誤，便于團隊協(xié)作開發(fā)。本文簡單介紹JS、CSS、 Git Commit 的規(guī)范工具及用法。 Lin...

hidogs 2019-08-23 10:27 評論0 收藏0
關(guān)于package.json管理依賴包版本的詳解

　　我們先說下，npm版本號定義　　版本格式：X.Y.Z[-string]其含義為：　　X：主版本號　　Y：次版本號　　Z：修正版本號　　string: 先行版本號或版本編譯信息　　舉個例子：　　6.3.2-alpha的含義為：　　主版本號6，有6次不可向下兼容的更新迭代?！　〈伟姹咎?，有3次小的功能迭代。6.*.* <=6.3.2的依賴聲明，都可以安裝此新包?！　⌒拚姹咎?，有2次bu...

3403771864 2022-12-25 20:37 評論0 收藏0
項目代碼的格式化統(tǒng)一配置 Prettier &amp; ESLint

摘要：以前沒時間過，每次項目編輯器的插件就關(guān)掉，老項目都沒注意過相關(guān)的代碼規(guī)范，這次新項目加入進去實踐下三個插件功自動有些規(guī)則是沖突的，需要確定優(yōu)先順序，其他插件進行自定義化的配置都可以自動保存格式化的功能用和寫出高質(zhì)量代碼在中對兩者進行配置使用以前沒時間過eslint，每次項目vscode 編輯器的eslint插件就關(guān)掉eslint，老項目都沒注意過相關(guān)的代碼規(guī)范，這次新項目加入進去實踐...

Yu_Huang 2019-08-26 12:19 評論0 收藏0