lint-staged 自动修复格式错误

上一章说到通过pre-commit检测代码规范的问题,当我们进行代码提交时,会检测所有的代码格式规范。但是我们希望的是只检查修改的代码,所以需要配合lint-staged 插件来解决这个问题。

lint-staged可以让你当前的代码检查 ,只检查本次修改更新的代码,并在出现错误的时候,自动修复并且推送

lint-staged无需单独安装,我们生成项目时,已经帮助我们安装过了,所以我们直接使用就可以了

1.修改 package.json配置

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

2.如上配置,每次它只会在你commit本地 之前,校验你提交的内容是否符合你本地配置的eslint规则(这个见文档eslint),),校验会出现两种结果:

    1.如果符合规则:则会提交成功。

    2.如果不符合规则:它会自动执行 eslint --fix尝试帮你自动修复,如果修复成功则会帮你把修复`      好的代码提交,如果失败,则会提示你错误,让你修好这个错误之后才能允许你提交代码。

3.修改.husky/pre-commit文件

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx lint-staged

4.再次执行提交代码

5.发现 暂存区中不符合 的内容,被自动修复

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值