为你的react app增加eslint自动格式化和代码提交检查

众所周知，代码规范一直是我们一个老生常谈的话题，好的代码规范能一定程度上规避bug，提高代码的可维护性，团队风格的统一性，但我们自己创建的项目，以及使用create-react-app等脚手架创建的项目都不会自动添加代码规范以及格式化功能。

今天我就给大家分享一个小工具，为你的react app增加eslint自动格式化和代码提交格式化，他就是fsgen，全名叫做frontend code specification generator，好长的一个名字啊，不过使用起来真的很简单，如下图所示：

这样他就能自动添加一些配置文件完成上述功能了，我使用的vscode，加上eslint插件，配置一下保存自动格式化，就能够在保存的时候自动格式化代码了，并且集成了husky，提交前代码格式化，再也不用自己写一堆eslint配置了，完美！

使用完的目录结构如下图所示（这里默认使用了stylus）：

git地址：github.com/justb/fsgen

觉得好用的话麻烦各位大佬辛苦给个star，谢谢！

转载于:https://juejin.im/post/5cb88c4d518825186d654383