husky + prettier + lint-staged 代码提交自动格式化

521 阅读1分钟

1、安装插件prettier

image.png

  • 项目中的配置文件 .prettierignore

image.png

  • 项目中的配置文件 .prettierrc.json

image.png

  • yarn prettier --write src/ 此命令只对src文件下的文件进行格式化

2、添加git钩子

  • 安装husky和lint-staged, husky触发git钩子,lint-staged针对修改的代码

image.png

  • lint-staged匹配文件修改

image.png

  • 钩子参数添加,不然有时候会报错(因为只修改的格式,格式化后相当于没有修改,就是一个空提交)

image.png

image.png

3、文章参考,跟着官网走就完了

总结

  • 设置缩进为四个空格不生效,我直接把vscode的prettier插件卸载了,重启vscode就好了

  • 格式化报错或者配置不生效,改写配置文件类型,位置,配置文件官网说有优先级,hnht配置文件写在pkg里面的

  • 先将格式调整好之后,再去关联git钩子