代码提交git时自动格式化并通过ESlint检测

前言

在同一个项目中，一般都是几个人合作开发，每个人的代码风格不同，因此提交到git之前，需要统一下格式，因此才有了这篇文章，分享一下自己的配置过程。希望每个小伙伴都能规范自己的代码，如果你认为对你有帮助或者有小伙伴有更好的方法欢迎积极留言！

准备工作

以vue为例，用脚手架生成一个项目，目录结构（这个没有什么影响，已有项目更好）

介绍下我们需要使用到的npm模块

• prettier  代码格式化模块，和vscode上安装的Vetur扩展工具使用的格式化相同
• husky  git的钩子，在git的hook中执行一些命令
• lint-staged  对git暂存的文件进行lint检查
• eslint   js代码检测工具

第1步

安装所需依赖

cnpm install --save-dev prettier husky lint-staged eslint

第2步

2.1 配置prettier的规则