96
Vue 3 學習之旅
最佳實踐
Day 96: 程式碼格式化:Prettier
·6 分鐘閱讀·最佳實踐
摘要
Prettier 是一個「有主見」的程式碼格式化工具。它會自動將你的程式碼,依照一套預設的、公認的最佳風格進行重新排版。
定義與說明
與 ESLint 專注於「程式碼品質」不同,Prettier 只專注於「程式碼格式」(如縮排、換行、分號、引號等)。它能與編輯器整合,在你儲存檔案時自動格式化程式碼,徹底終結團隊中關於程式碼風格的無謂爭論。
實作範例
格式化前
const user = {name:'Jake',age:30};
使用 Prettier 格式化後
const user = {
name: 'Jake',
age: 30,
};
結論
Prettier + ESLint 是現代前端開發的黃金組合。ESLint 負責品質,Prettier 負責風格,兩者結合能讓團隊的程式碼庫保持高度的一致性、可讀性和專業性。
Prettier 程式碼格式化 風格統一