11 种语言：JavaScript、TypeScript、JSON、CSS、SCSS、Less、HTML、SQL、YAML、Markdown、GraphQL 13 种 SQL 方言，可设置关键字大小写压缩 JS（Terser）、CSS、HTML、JSON 和 SQL，并显示节省的体积可设置缩进或制表符、行宽、引号和分号复制或下载结果，语法错误提示清晰

代码格式化与压缩 - JS、TS、CSS、HTML、SQL

为什么要格式化和压缩代码？

格式化会用统一的缩进、换行和空格重写代码，使其便于阅读、审查和对比，适合处理被压缩的代码片段、自动生成的 SQL 或复制来的配置文件。压缩则相反：删除空白和注释（JavaScript 还会用 Terser 缩短局部变量名）以减小下载体积。本工具使用大多数 JavaScript 项目都在用的 Prettier，以及支持 MySQL、PostgreSQL、SQL Server、Oracle PL/SQL、BigQuery 等语法的 sql-formatter。

功能

• 11 种语言：JavaScript、TypeScript、JSON、CSS、SCSS、Less、HTML、SQL、YAML、Markdown、GraphQL
• 13 种 SQL 方言，可设置关键字大小写
• 压缩 JS（Terser）、CSS、HTML、JSON 和 SQL，并显示节省的体积
• 可设置缩进或制表符、行宽、引号和分号
• 复制或下载结果，语法错误提示清晰

代码不离开本地

格式化和压缩完全在浏览器中进行，您粘贴的 API 密钥、内部查询或私有代码都不会被上传。

Prettier + sql-formatter，100% 客户端运行。

代码格式化使用方法

1
选择语言标签：JavaScript、TypeScript、JSON、CSS、SCSS、Less、HTML、SQL、YAML、Markdown 或 GraphQL。点击"示例"可载入示例代码。
2
把代码粘贴到输入面板并设置选项：缩进宽度或制表符、行宽、引号和分号；SQL 则选择方言和关键字大小写。
3
点击"格式化"使用 Prettier 或 sql-formatter 美化代码，或点击"压缩"压缩 JavaScript、CSS、HTML、JSON 或 SQL。节省的体积显示在输出上方。
4
复制结果或下载为文件。如果代码有语法错误，提示会给出行号和列号。

实际应用示例

阅读压缩后的代码

第三方脚本或打包后的文件只有一长行。格式化后可以看清结构，找到需要调试的函数。

整理日志中的 SQL

ORM 会把查询记录在一行里。用 PostgreSQL 或 MySQL 方言格式化后，SELECT、JOIN 和 WHERE 各占一行，便于审查和优化。

提交前统一风格

使用与项目相同的 Prettier 规则（2 个空格、80 列、双引号）格式化，从聊天或代码片段网站粘贴代码时也能保持 diff 简洁。

快速压缩

无需搭建构建工具，就能为邮件模板、CMS 字段或内联 <script> 标签压缩小段脚本或样式表。

常见问题

格式化会改变代码的运行方式吗？+

不会。格式化只改变空白、换行，以及你选择的引号和可选分号。用 Terser 压缩 JavaScript 还会重命名局部变量，但行为保持不变。

为什么某些语言不能压缩？+

压缩 YAML、Markdown、TypeScript 或 GraphQL 意义不大，或者会改变含义（YAML 依赖缩进）。TypeScript 通常先编译为 JavaScript 再压缩。

应该选择哪种 SQL 方言？+

选择你使用的数据库。不同方言在引号、函数和关键字上有差异，例如 MySQL 的反引号或 PostgreSQL 的 :: 类型转换，选对方言可以避免格式化出错。

我的代码会被发送到服务器吗？+

不会。Prettier、sql-formatter 和 Terser 在浏览器中运行，并且只在你点击按钮时才加载，私有代码和凭据都留在你的设备上。