程式碼格式化與美化

蜜蜂工具箱免費線上程式碼格式化與美化工具。支援 JavaScript、TypeScript、JSON、CSS、SCSS、HTML、Markdown、YAML 與 SQL 一鍵格式化排版，可設定縮排。全部在瀏覽器本地完成，程式碼不上傳，保護隱私。

一鍵格式化 JS、CSS、HTML、SQL 等程式碼。 支援 JavaScript / TypeScript / JSON / CSS / SCSS / LESS / HTML / Markdown / YAML 與 SQL，可選擇縮排方式。全過程在瀏覽器本地完成，程式碼不上傳伺服器，保護隱私。

狀態： —

程式碼格式化使用指南

這個工具能做什麼

  • 多語言格式化：一鍵美化 JavaScript、TypeScript、JSON、CSS、SCSS、LESS、HTML、Markdown、YAML。
  • SQL 美化：格式化 SQL 語句，統一關鍵字與縮排，提升可讀性。
  • 可配置縮排：支援 2 空格、4 空格或 Tab。

使用建議

  1. 請先在左側選擇與程式碼匹配的"語言 / 型別"，否則可能格式化失敗。
  2. JavaScript 與 JSX 使用 babel 解析器，TypeScript / TSX 請選擇 TypeScript。
  3. 若程式碼存在語法錯誤，格式化會報錯並提示位置，請修正後重試。

隱私說明

本工具在瀏覽器本地執行，程式碼不會上傳到伺服器。

開源許可宣告：程式碼格式化基於 prettier（MIT License）；SQL 美化基於 sql-formatter（MIT License）。

常見問題

程式碼會上傳到伺服器嗎？
不會。格式化在瀏覽器本地完成，程式碼不會上傳。
支援哪些語言？
支援 JavaScript、TypeScript、JSON、CSS、SCSS、LESS、HTML、Markdown、YAML 以及 SQL。
為什麼格式化會報錯？
通常是因為程式碼存在語法錯誤，或選擇的語言型別與實際程式碼不匹配。請核對後重試。
可以設定縮排嗎？
可以。支援 2 空格、4 空格或 Tab 縮排。
SQL 支援哪些方言？
SQL 美化基於 sql-formatter，預設支援標準 SQL，能滿足大多數常見語句的排版需求。
TypeScript 怎麼格式化？
在語言下拉框中選擇 TypeScript / TSX 即可，內部使用 babel-ts 解析器。
會洩露我的隱私嗎？
不會。本工具不上傳程式碼，且無需登入。