vue cli3项目添加githook,代码提交前eslint验证

在package.json 的 gitHooks 字段中定义:

"gitHooks": {
    "pre-commit": "lint-staged"
}

安装lint-staged:

yarn add lint-staged --dev

配置前端文件过滤的工具Lint-staged:

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

在vue.config.js配置:

// eslint-loader 是否在保存的时候检查
lintOnSave: process.env.NODE_ENV !== 'production',

devServer: {
    // 当出现编译器错误或警告时,在浏览器中显示
    overlay: {
        warnings: true,
        errors: true
    },
}
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐