The cross-browser extension framework

以最少的人力，讓擴充功能程式碼庫的格式維持一致。Prettier 會透過 scripts、編輯器整合與持續整合（CI）執行，不會在 Extension.js 的建置 pipeline 中執行。

什麼情況下適合使用 Prettier

能力	帶來什麼好處
一致的格式	為 JS、TS、JSON、CSS、Markdown 套用同一套樣式
Script 與編輯器流程	在本機儲存時自動格式化，並在 CI 中強制檢查
降低 lint 衝突	搭配 `eslint-config-prettier` 避免規則重疊
低維護的預設值	採用穩定的基準設定，幾乎不需要額外設定

預先設定好的格式化工具，適合用於新專案。

npx extension@latest create my-extension --template=new-config-prettier

安裝 Prettier：建立設定檔（例如 .prettierrc）：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "none",
  "printWidth": 80,
  "tabWidth": 2,
  "arrowParens": "always"
}

從 scripts 或手動執行 Prettier：

npm run format

如果尚未建立 format script：

為避免 ESLint 的格式化規則衝突，請安裝：接著在你的 ESLint 設定鏈中加入 eslint-config-prettier，讓 ESLint 把格式化工作交給 Prettier。