侧边栏壁纸
  • 累计撰写 21 篇文章
  • 累计创建 11 个标签
  • 累计收到 9 条评论

Vue 代码提交github前进行eslint检测

好巧
2023-08-02 / 0 评论 / 0 点赞 / 132 阅读 / 4603 字
温馨提示:
本文最后更新于 2023-10-31,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

1.安装 husky

yarn add husky --dev

2.配置 package.json 的 scripts 字段

"scripts": {
   ...
   "prepare": "husky install"
}

3.生成 .husky 文件夹

yarn prepare

项目根目录将会生成一个 .husky 文件夹

4.生成 pre-commit 文件

yarn husky add .husky/pre-commit

5.配置 pre-commit 文件

npx lint-staged

6.安装 lint-staged

lint-staged 是文件过滤器,它只会校验等待提交的文件

yarn add lint-staged --dev

7.配置 package.json

"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
},
"lint-staged": {
  "src/**/*.{js,ts,vue}": [
    "prettier --write",
    "eslint"
  ]
}

8.测试配置

增加一行无法通过 eslint 检测的代码,提交时报错拦截

打开 GIT 日志,查看详细的报错信息

0

评论区