Day 29: 来讲一下commit前的小撇步

今天来讲一些使用套件来方便我们做自动化的一些流程,今天要提的是lint-staged与husky.

首先先安装

yarn add -D lint-staged husky

再建立一个.lintstagedrc,来针对我们要针对哪些特定的档案进行eslint的检查


// array里面放的是检查的一些规则,可以参考我下面附的reference.
{
	"*.+{js|ts|tsx}": ["eslint"],
	"**/*.+(js|json|ts|tsx)": [
    "prettier --write",
    "git add"
  ]
}

与.huskyrc

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

因此我们在每次commit前,husky就会启动lint-steged来检查你在.lint-staged里面所加入的rules来在commit前进行code syntax的检查,例如我们可以在第二个规则,我们会将所有的code用prettier来检查一次并且复写上去最後再帮我们执行git add,因此可以在最後一步帮我们把关所有的code是否符合我们制定的规范.

ref: https://github.com/okonet/lint-staged


<<:  [Day29] 立即函式 IIFE

>>:  Day29-JDK可视化监控工具:visualVM(五)

Re: 新手让网页 act 起来: Day18 - React Hooks 之 useRef

前言 探索完 useState 与 useEffect ,今天就让我们回来继续介绍其他的 React...

如何制作亮丽的Instagram帖子模板

如何制作 Instagram 帖子 3 步曲 从灵感开始 - Visual Paradigm Onl...

比尔盖兹的养鸡理论与台湾鸡农养鸡经验谈

比尔.盖兹旗下的基金会曾经对贫穷国家献计改善,他的策略就是「养鸡」来脱贫,但有人觉得比尔.盖兹是不是...

Day 30|Divi 功能练习 23 Video Module 影片嵌入功能

嗨呦大家好我是 Jasmine~脑袋总是胡思乱想停不下来的设计师一枚\(✪ω✪)/ 终!於!来到我的...

资料验证(golang)(Day23)

文章同步更新於个人官网 https://kevinyay945.com/smart-home-tut...