使用步驟
- 貼上程式碼，或點「載入示例」試一試。
- 選擇 JavaScript、TypeScript 或 JSON，設定縮排、行寬、分號和引號風格。
- 點選「格式化」，或按 Ctrl+Enter（Mac 上是 ⌘+Enter）。
- 複製格式化後的程式碼。
引數說明
- 縮排
- 2 個空格是 Prettier 的預設值，也是 JavaScript 專案最常見的風格；Tab 表示用製表符縮排。
- 行寬
- 超過這個字元數的表示式會被折行，預設 80。
- 分號
- 關閉後語句末尾不加分號；省略分號會改變含義的地方 Prettier 仍會保留。
- 單引號
- 字串使用 '單引號' 而不是 "雙引號"，除非這樣需要更多轉義。
使用示例
壓縮過的程式碼。 貼上一行壓縮後的程式碼，格式化後恢復縮排和換行，方便閱讀（被縮短的變數名無法恢復）。
團隊風格。 按專案的 Prettier 配置設定，例如 4 空格縮排、不加分號、單引號。
常見問題
支援 JSX 和新語法嗎？
支援。JavaScript 模式使用 Babel 解析器，能辨識 JSX、可選鏈、類欄位、頂層 await 等現代語法。
為什麼提示語法錯誤？
Prettier 需要先解析程式碼才能格式化，遇到不合法的 JavaScript 會停止。提示資訊會給出出錯的行號和列號。
格式化後代碼的行為會變嗎？
不會。Prettier 只調整空白、換行、引號、括號和分號，不會改變程式碼的含義。
程式碼會上傳嗎？
不會。Prettier 在瀏覽器中執行，程式碼留在你的裝置上。
隱私說明
本工具完全在瀏覽器中執行，檔案和文字都在你的裝置上處理，不會上傳到我們的伺服器。