Vue+ESLint+Git鈎子函數pre-commit配置教程

一、創建Vue項目eslint-standard

vue create eslint-standard

二、創建.eslintrc.*

• 刪除package.json中的eslintConfig配置

• 我們創建.eslintrc.js

// .eslintrc.js
module.exports = {
    root: true,
    env: {
        node: true,
        browser: true,
        es6: true
    },
    extends: [
        "plugin:vue/essential",
        "eslint:recommended"
    ],
    parserOptions: {
        "parser": "babel-eslint"
    },
    rules: {} // 用來自定義一些符合個人或者團隊的規則
}

• 安裝配置Git鈎子插件husky

// 安裝husky
npm install husky --save-dev

// 安裝lint-staged，只對修改的文件進行check
npm install lint-staged --save-dev

//配置package.json,添加`husky`配置
{
    "husky": {
        "hooks": {
            "pre-commit": "lint-staged",
        }
    },
    "lint-staged": {
        "src/**/*.{js,vue}": [
            "eslint --fix",
            "git add"
        ]
    }
}