上一章说到通过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.发现 暂存区中不符合 的内容,被自动修复

lint-staged 自动修复格式错误相关推荐

  1. Lint-staged自动修复格式错误及小结

    文章目录 一.背景 二.Lint-staged 2.1 简介 2.2 修改package.json 2.3 修改pre-commit 2.4 测试 三.小结 3.1 代码格式规范 3.2 Git提交规 ...

  2. active server pages 错误 asp 0126_微信小程序全栈开发课程【视频版】2.1 小程序前端页面初始配置、ESlint格式错误...

    点击观看视频 ↓↓↓ 小程序前端页面初始配置.ESlinthttps://www.zhihu.com/video/1195030595196223488 课程文字版 1.修改src/pages文件夹 ...

  3. (转)解决fasterxml中string字符串转对象json格式错误问题(无引号 单引号问题)...

    原文地址:解决fasterxml中string字符串转对象json格式错误问题 com.fasterxml.jackson.databind.ObjectMapper mapper = new com ...

  4. vue打包后,font格式错误

    本地测试没有问题,项目打包以后,浏览器打开控制台,提示font格式错误: 把我的双引号给去掉了...-^- 不开心. 解决办法: 1. 把 font: 字体粗细 字体大小/行高 "字体样式& ...

  5. oj系统格式错误_论文查重会不会检查格式?【paperpp吧】

    高等学校一般都会要求大学生在毕业时需要写作毕业论文,并且会提前发出关于毕业论文的通知,在通知上一般会说明论文写作的相关要求,其中就会规定论文的相关格式.当然,学校也会在通知中说明论文查重的相关事宜,那 ...

  6. python以下导入包的格式错误的是_ICMP python上的错误数据包

    如何创建帧icmp 我在python上标记格式错误的包导入套接字,结构,uuid,子进程,fcntl,time,random 列表项 from binascii import hexlify,unex ...

  7. eslint不报错 vue_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误

    1.修改入口文件 也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件.每个页面文件夹中都要有main.js文件 //加载 ...

  8. 微信退款参数格式错误

    微信退款失败返回信息是: <xml><return_code><![CDATA[FAIL]]></return_code> <return_msg ...

  9. excel导入时手机号码格式错误的一个解决方法

    一.问题描述 使用Excel导入员工信息表时,手机号格式错误 格式错误  二.解决 在制作工作表模板时,把单元格格式设置为[文本]格式即可. 三.一些细节 1.全选整列再设置单元格格式 2.使用顶部的 ...

  10. vue中eslint报Disallow self-closing on HTML void elements格式错误时的解决方案

    当vue中eslint报Disallow self-closing on HTML void elements格式错误时 我们需要在eslint中的rules里配置 'vue/html-self-cl ...

最新文章

  1. 【MFC系列-第22天】GDI算法实战——过渡色
  2. Android官方开发文档Training系列课程中文版:手势处理之滚动动画及Scroller
  3. call和apply的作用和不同
  4. Android开发学习之基于ViewPager实现Gallery画廊效果
  5. 数据结构---堆的相关操作
  6. JavaScript数字精度丢失的一些问题
  7. 机智云智慧烟感物联网解决方案
  8. 《Java从入门到放弃》JavaSE入门篇:集合
  9. Micrium DEMO9S12NE64 uCOS-II 官方包 调试记录!
  10. 内网渗透-内网代理穿透和内网横向移动
  11. wpf初学者-wpf控件简单介绍
  12. 神经网络的英文缩写是啥,神经网络的英文是什么
  13. 容器中启动ssh状态总是sshd is not running
  14. 计算机组成与体系架构
  15. 计算机专业调研报告图片,计算机专业毕业设计论文(计算机专业调研报告范文)...
  16. 太阳能MPPT充电控制板
  17. 解决IntelliJ IDEA创建Maven项目没有src目录的问题
  18. 洪恩机器人课程提示_洪恩儿童机器人
  19. 各种门平面图画法_cad门的画法_用CAD画门的平面图的方法步骤图
  20. 重庆高校在线平台的计算机基础,重庆高校在线开放课程建设数字课程建设标准.pdf...

热门文章

  1. 留学背景提升是投机取巧走“捷径”?还是脚踏实地,仰望星空?
  2. 关于英文论文写作的初步总结和资料推荐
  3. 使用WampServer搭建自己的网站
  4. python+appium+android模拟器自动化测试 源码
  5. pytorch个人学习笔记(2)—Normalize()参数详解及用法
  6. 《王二丫的甜品店》技术支持网址
  7. 人机共生?马斯克的疯狂“实验”还很遥远
  8. 尚学堂高淇python笔记_【129天】尚学堂高琪Java300集视频精华笔记(62)
  9. 计算机左侧没有桌面菜单栏,我的电脑左侧工具栏忽然不见了
  10. 无线网络WPA-PSK加密破解