通過pre-commit 檢測提交時的代碼 + lint-staged自動修復

一：pre-commit

第一步：安裝husky可以看前一篇文章 https://www.cnblogs.com/Mr-Rshare/p/15677667.html

第二步：我們期望通過 husky 監測 pre-commit 鈎子，在該鈎子下執行 npx eslint --ext .js,.vue src 指令來去進行相關的檢測

　　執行以下代碼 添加指令，會產生一下文件

npx husky add .husky/pre-commit "npx eslint --ext .js,.vue src"

 

 

 第三步驟：測試

 

 

二：lint-staged 自動修復

vue-cli安裝時已經安裝了 lint-staged 無需重復安裝

第一步：修改 package.json 配置

"lint-staged": {
    "src/**/*.{js,vue}": [
        "eslint --fix",
        "git add"
    ]
},

第二步：如上配置，每次它只會在你本地 commit 之前，校驗你提交的內容是否符合你本地配置的 eslint 規則，校驗會出現兩種結果

　　1. 如果符合規則：則會提交成功

　　2. 如果不符合規則：它會自動執行 eslint --fix 嘗試幫你自動修復，如果修復成功則會幫你把修復好的代碼提交，如果失敗，則會提示你錯誤，讓你修好這個錯誤之后才能允許你提交代碼。

第三步：修改 .husky/pre-commit 文件

npx lint-staged