眾所周知,程式碼規範一直是我們一個老生常談的話題,好的程式碼規範能一定程度上規避bug,提高程式碼的可維護性,團隊風格的統一性,但我們自己建立的專案,以及使用create-react-app等腳手架建立的專案都不會自動新增程式碼規範以及格式化功能。
今天我就給大家分享一個小工具,為你的react app增加eslint自動格式化和程式碼提交格式化,他就是fsgen,全名叫做frontend code specification generator,好長的一個名字啊,不過使用起來真的很簡單,如下圖所示:
![為你的react app增加eslint自動格式化和程式碼提交檢查](https://i.iter01.com/images/2b5dca22ae7bf3363acebf4df8a9bddc1620e6f7b3cf4ad6ec500e0dfc94d83a.png)
使用完的目錄結構如下圖所示(這裡預設使用了stylus):
![為你的react app增加eslint自動格式化和程式碼提交檢查](https://i.iter01.com/images/2ecbffc85732e4ad701836c28088ee34b8d93ebe27f29bdfa9d2f59413d2ef26.png)
git地址:github.com/justb/fsgen
覺得好用的話麻煩各位大佬辛苦給個star,謝謝!