javascript品質檢測工具 - ESLint

簡介ESLint的工具特性

Transcript

1. Js品質檢測工具-ESLint PIXNET 前端組 黃知遠 Julian
2. 為何需要代碼品質檢測 •  減低開發過程review程式碼的時間。 •  避免花太多時間除錯。 •  快速產出風格統一的程式碼。 2
3. Eslint的優點 •  默認規則包含JSLint, JSHint, 可以無痛轉移。 •  規則可配置性高。 •  清晰明確的規則程式碼。 •  程式碼風格檢測  •  支持套件擴展，自定義規則。 3
4. 支援外掛與jsx 4
5. 規則的指定方式 布林值 : 0 關閉 1 警告 2 錯誤 Option 設定值視個別規則而定 http://eslint.org/docs/rules/  5
6. 繼承性 每個子目錄都可以有自己的 .eslintrc.檔案配置  取消繼承父目錄的規則 6
7. 指定可執行環境與複寫全域 以 env 區塊指定模組或可執行環境, 避免偵錯“使用未 定義變數”。 函式庫使用globals匯出功能，true代表該變數可被覆寫。 7
8. Extends 重用設定 8
9. 參考資料 ESLint http://eslint.org/ ESLint 使用入門 https://csspod.com/getting-started-with-eslint/ Apply ESLint – Using Atom & linter – eslint https://amobiz.github.io/2015/12/21/applying-eslint-using-atom-linter-eslint/ Jslint to eslint https://www.qianduan.net/jslint-to-eslint/ 用 eslint x Airbnb javascript-rules 改善程式碼品質 http://seans.tw/2016/eslint-with-airbnb/  9