vue項目在git commit時，使用eslint檢測

 用vue-cli3創建新項目可以自定義配置，選擇eslint,所以eslint不需要配置，

項目根目錄下面生成一個 .eslintrc.js文件，里面可以自定義配置eslint規則

 

現在在開發的時候，只要不符合esLint的規范就會報錯，編譯不了，現在我們先讓它還是報錯，但是能夠編譯，報錯只在命令行看到就可以了，需要在自定義的vue.config.js中配置

 

現在開發環境翻譯不會受eslint的影響，但是有時候沒有看命令行，直接用git提交了，npm run build的時候就報錯了，所以現在想在git提交的時候檢測一遍有沒有eslint的報錯

步驟如下

1下載依賴

 npm install --save-dev lint-staged husky

 

2 package.json配置

"scripts": {
  "precommit": "lint-staged" // precommit鈎子執行lint-staged
},
"lint-staged": {
  "src/**/*.{js,json,css,vue}": [
   "eslint --fix",
   "git add"
  ]
},

經過上述配置，每次git commit的時候，都會先執行eslint對代碼進行格式化和檢查，確保代碼沒有問題之后再提交