Vue+ESLint+Git钩子函数pre-commit配置教程

Posted 2021-03-14 huiwenhua

一、创建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"
        ]
    }
}