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文件的改动

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