代碼風格統一：commitlint & eslint & standard-vers

lieeps 發布于2019-08-23 13:54 / 2988人閱讀

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

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"
    ]
  }

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

版本管理

yarn add standard-version -D

配置package.json

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

執行 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": {
      // 代碼提交前 執行lint 也可以配合prettier將代碼直接格式化后提交
      "pre-commit": "lint-staged"
    }
  },
"lint-staged": {
    "linters": {
      "/src/**/*.js": [
        "eslint --fix",
        "git add"
      ]
    },
    "ignore": [
      "/**/*.min.js"
    ]
  }

代碼提交之前執行lint 保證代碼格式統一

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99767.html

工程搭建---代碼風格統一

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

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

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

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

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

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

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

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

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

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