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 程式碼品質 靜態分析