husky+lint-staged+eslint+vue 代碼規範

一般我們會在package.json裏看到如下的配置

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

看了以後可能很暈,幹什麼用的。
husky 是一個npm包,起到git 提交前鉤子的作用,就是在我們執行git commit後 開始執行這個鉤子.在真正的提交代碼之前,讓我們有機會檢查代碼格式規範等。
有一個pre-commit npm包和它類似。

lint-staged 也是一個npm 包,他的作用是讓檢查的代碼只是本次修改更新的代碼,而不是全部的代碼。
eslint --fix就是真正進行檢查的命令,git add 就是把eslint 修改後的代碼添加起來,方便提交。

特別注意
"src/*/.{js, 這裏不能有空格 vue}" ,有空格的話,會檢查不到vue文件的改動

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章