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

相關文章
相關標籤/搜索