代码格式化与美化

蜜蜂工具箱免费在线代码格式化与美化工具。支持 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 解析器。
会泄露我的隐私吗？
不会。本工具不上传代码，且无需登录。