Eslint理解與常見工具使用

1.Eslint是什麼

Eslint是JS的代碼檢測工具,一般都是通過插件的形式存在,本身是nodejs編寫的

因爲JS本身是弱類型語言,沒有類型校驗、沒有編譯過程 (運行時編譯)

因此在開發過程中會有很多以外錯誤不容易被髮,因此有Eslint幫助可以在開發時幫助發現常見錯誤

不僅如此,還能在一定程度上幫助代碼風格的統一,因此Eslint是大型應用開發得力助手

2.Eslint常見輔助工具

  • husky

husky本身是集成鉤子的觸發器,可以與Eslint配合在git提交時校驗提交代碼是否符合eslint規則,一般情況下在commit之前校驗提交代碼是否符合規範,不符合規範不會觸發git commit,可以有效的強制團隊編寫符合eslint的代碼

  • prettier

是js代碼風格插件,但是不僅限於js,包括流行的vue、react、angula、TS等等風格規範,與eslint一起使用保證團隊代碼風格一致,比如常見的js中的雙引號與單引號等風格,彌補eslint風格方面的不足

3.注意事項

  • 現有三大框架下eslint通常不能單獨使用,還要配合各自框架的解析器才能正常校驗代碼,比如vue的模板語法、react的jsx等都不是js規則,需要額外插件
  •  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章