95
Vue 3 學習之旅
最佳實踐
Day 95: 程式碼風格檢查:ESLint
·6 分鐘閱讀·最佳實踐
摘要
ESLint
是一個可組態的 JavaScript/TypeScript 靜態分析工具,它可以在不執行程式碼的情況下,檢查出程式碼中的潛在錯誤和不符合規範的風格問題。
定義與說明
我們可以透過一個 .eslintrc
設定檔,來定義一套程式碼規則(例如:禁止使用 var、要求使用分號等)。當我們在開發時,ESLint 會即時地在編輯器中標示出違反規則的程式碼,並提供警告或錯誤。create-vue
建立的專案已預設整合了 ESLint。
實作範例
ESLint 會自動標示出如下問題
// ESLint 可能會報錯:'myVar' is assigned a value but never used.
const myVar = 10;
結論
使用 ESLint 是保證團隊程式碼品質和風格一致性的基礎。它能有效避免許多低級錯誤,並在早期就養成良好的編碼習慣。
ESLint 程式碼品質 靜態分析