為你的react app增加eslint自動格式化和程式碼提交檢查

justb發表於2019-04-18

眾所周知,程式碼規範一直是我們一個老生常談的話題,好的程式碼規範能一定程度上規避bug,提高程式碼的可維護性,團隊風格的統一性,但我們自己建立的專案,以及使用create-react-app等腳手架建立的專案都不會自動新增程式碼規範以及格式化功能。

今天我就給大家分享一個小工具,為你的react app增加eslint自動格式化和程式碼提交格式化,他就是fsgen,全名叫做frontend code specification generator,好長的一個名字啊,不過使用起來真的很簡單,如下圖所示:

為你的react app增加eslint自動格式化和程式碼提交檢查
這樣他就能自動新增一些配置檔案完成上述功能了,我使用的vscode,加上eslint外掛,配置一下儲存自動格式化,就能夠在儲存的時候自動格式化程式碼了,並且整合了husky,提交前程式碼格式化,再也不用自己寫一堆eslint配置了,完美!

使用完的目錄結構如下圖所示(這裡預設使用了stylus):

為你的react app增加eslint自動格式化和程式碼提交檢查

git地址:github.com/justb/fsgen

覺得好用的話麻煩各位大佬辛苦給個star,謝謝!

相關文章