使用方法

貼上文字、開啟 UTF-8 檔案，或試用 Sample。
選擇輸入與設定，接著執行工具，或啟用自動執行。
檢查結果後複製或下載。修改輸入會使先前的結果失效。

JavaScript 格式化

格式化 JavaScript、JSX、TypeScript 與 TSX，不執行程式碼。

處理在瀏覽器本機完成，輸入不會傳送給 DevToolsy。

運作原理

使用 Prettier 剖析並統一空格與縮排。請依輸入選擇 JavaScript / JSX 或 TypeScript / TSX，語法錯誤會顯示原文位置。

處理前後對照

輸入

const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}

輸出

const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

格式化 JavaScript、JSX、TypeScript 與 TSX，不執行程式碼。

選項與資料保真

可設定縮排、行寬、引號及分號。不取代編譯器、linter 或壓縮器，不執行程式碼或解析 import 相依項目。

使用處理結果

成功僅代表剖析器接受語法，型別、import 與執行行為仍需透過專案的編譯器、linter 與測試檢查。

檢查結果後複製或下載。修改輸入會使先前的結果失效。

處理限制

每份 UTF-8 輸入上限 1 MiB，輸出上限 8 MiB。JSONPath 與 Schema 5 秒逾時，其他工具 30 秒逾時。

延伸閱讀Prettier options

常見問題

支援哪些語言輸入？

使用 Prettier 剖析並統一空格與縮排。請依輸入選擇 JavaScript / JSX 或 TypeScript / TSX，語法錯誤會顯示原文位置。

可以調整引號與分號嗎？

可設定縮排、行寬、引號及分號。不取代編譯器、linter 或壓縮器，不執行程式碼或解析 import 相依項目。

格式化會檢查型別或修復邏輯嗎？

不會。成功僅代表剖析器接受語法，型別、import 與執行行為仍需透過專案的編譯器、linter 與測試檢查。

輸入內容會上傳嗎？

處理在瀏覽器本機完成，輸入不會傳送給 DevToolsy。

可以開啟本機檔案嗎？

UTF-8 輸入最大 1 MiB · 輸出最大 8 MiB