通过-pre-commit-检测提交时代码规范

之前章节有说过ESLint与Prettier配合可以解决代码格式问题,但是这个只能检测本地的,本地需要配置才可以,如果在团队开发中,有的小伙伴忘记配置,就会存在问题,

所以我们期望通过 husky监测 pre-commit钩子,在该钩子下执行 ​​​​​​​ npx eslint --ext .js,.vue src 指令来去进行相关检测:

1.执行 npx husky add .husky/pre-commit "npx eslint --ext .js,.vue src" 

2.该操作会生成对应文件

通过-pre-commit-检测提交时代码规范_第1张图片

3.关闭 VSCode的自动保存操作

4.修改一处代码,使其不符合 ESLint校验规则

5.执行 提交操作,会发现,抛出一系列的错误,代码无法提交

6.想要提交代码,必须处理完成所有的错误信息

有没有一种方法不需要配置,也可以自动修改对应的问题,完成提交呢,还真有

请看下篇内容《lint-staged 自动修复格式错误》

你可能感兴趣的:(前端常用知识,代码规范)