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

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

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

这样他就能自动添加一些配置文件完成上述功能了,我使用的vscode,加上eslint插件,配置一下保存自动格式化,就可以在保存的时候自动格式化代码了,而且集成了husky,提交前代码格式化,不再用本身写一堆eslint配置了,完美!

使用完的目录结构以下图所示(这里默认使用了stylus):github

git地址:github.com/justb/fsgenapp

以为好用的话麻烦各位大佬辛苦给个star,谢谢!frontend

相关文章
相关标签/搜索