代码格式化 - 在线 Prettier Code Formatter

本地运行 · 不上传

在线代码格式化工具：基于 Prettier，支持 JavaScript、HTML、CSS、SQL 格式化和安全压缩。保护字符串字面量不被破坏。

摘要：免费的代码格式化工具，基于 Prettier 支持 JS/HTML/CSS/SQL，安全压缩不破坏字符串字面量。

结果有帮助吗?

本地工具可在 DevTools → Network 搜索输入内容，通常不会出现在请求中。

使用指南

在线代码格式化，支持 JavaScript、HTML、CSS、SQL 等常见语言分流。可选缩进风格；Format 与 Minify 按当前语言处理，并显示字符数与字节对照。格式化在本地完成。SQL 与前端语言使用不同引擎，切换语言后重新点一次格式化。

本页方便临时整理粘贴片段，不替代项目里的 Prettier/ESLint 真相源。提交前仍以仓库配置为准。

本页方便临时整理粘贴片段，不替代项目里的 Prettier/ESLint 真相源。提交前仍以仓库配置为准。

先用小样例确认选项与导出，再批量处理。把失败样例留下复现，便于对照文档与实现。

同一任务链上的格式转换、压缩、校验工具可组合使用；以「下一步谁消费」决定格式，而不是盲目全转同一种。

处理含个人信息或密钥的内容时，即使计算在本地完成，也要留意屏幕分享、录屏与下载文件的二次传播路径。母版与导出件分开存放，避免只留下有损结果。

本页计算在浏览器本地完成，不把你的内容当作上传素材；但这不自动等于「可以随便外传」。下载目录、剪贴板与会议投屏同样可能泄漏。

与相邻工具衔接时，注意中间格式是否有损、编码是否一致、以及是否需要保留母版以便回退。链路越长，越要在每一步写下「不保证什么」。新人按清单操作，比口头教一遍损耗更小。文档与实现可能短暂不一致：以你屏幕上可见的按钮、下拉与提示为准。发现落差欢迎用真实样例复现后更新说明，避免继续传播过时句子。

JavaScript、HTML、CSS 由 Prettier 处理，SQL 走 sql-formatter。Minify 会按当前语言选择对应压缩器，不会把 HTML 塞进 JS 压缩器，结果区还会显示字符数与字节对照。

缩进可在 2 空格、4 空格与 Tab 之间切换；引号、分号等保持 Prettier 默认意见。需要 .prettierrc 级别的完整控制时，请在 IDE 或 CI 的项目配置里设置。

能。解析失败时错误信息会尽量带出行号与列号（例如第 3 行第 7 列），页面也会高亮该位置，方便回到输入区修改。切换语言后记得重新点一次格式化。

不能，也不打算替代。本页适合临时整理粘贴片段，团队项目仍应以编辑器/CI 配置为真相源，提交前以仓库为准。另外 Minify 后的代码难调试，建议保留压缩前的母版。

不会。格式化与压缩都在浏览器本地完成，关掉页面不留下副本。若片段含密钥或个人信息，还需要留意投屏、剪贴板与下载文件的二次传播路径。