为你的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

你可能感兴趣的:(为你的react app增加eslint自动格式化和代码提交检查)