代码美化工具
在浏览器中一站式美化 14 种语言的代码，涵盖前端脚本、样式表、标记语言、数据格式、查询语言以及 PHP 和 Python，选择语言和缩进即可。
输出
完全在浏览器中运行，您的数据不会被上传。
相关工具
查看全部什么是 代码美化？
代码美化工具在同一个页面中格式化多种语言的源代码。选择语言和缩进，即可得到由成熟格式化器（Prettier、Ruff、sql-formatter、xml-formatter）生成的、风格一致的代码。
如何使用 代码美化
- 选择 语言。
- 选择 缩进。
- 粘贴代码并点击 格式化（大多数语言在输入时也会更新）。
- 复制或下载结果。
示例
输入
const a={b:1,c:[1,2]} 输出
const a = { b: 1, c: [1, 2] }; 语言：JavaScript，2 个空格。
何时使用 代码美化
适合快速格式化你没有相应工具的语言的代码，或为文档格式化片段。对于项目，请在编辑器或 CI 中配置同一个格式化器，让输出保持一致。格式化无法修复逻辑错误。
代码美化 的工作原理
所选语言决定使用的引擎：JavaScript（Babel 解析器）、TypeScript、HTML、CSS、SCSS、Less、YAML、GraphQL、Markdown 和 PHP（@prettier/plugin-php）使用 Prettier 3；JSON 使用严格的 JSON 输出器；XML 使用 xml-formatter；SQL 使用 sql-formatter（标准 SQL，关键字大写）；Python 使用编译为 WebAssembly 的 Ruff。引擎只在首次使用时才下载。引擎提供行号和列号时，语法错误会连同它们一起报告。
常见用例
- 无需安装 Prettier 就格式化 TypeScript 片段
- 整理从聊天或 PDF 复制来的代码
- 格式化 Markdown 的表格和列表
- 在 2 空格和 4 空格缩进之间切换代码
安全提示
所有处理都在你的浏览器本地完成，粘贴的代码不会被上传。
常见问题
JavaScript 格式化使用哪种风格？
Prettier 的默认设置：双引号、分号、80 个字符的行宽。
为什么 Python 第一次比较慢？
Ruff 的 WebAssembly 引擎会在首次使用时下载。
可以选择 SQL 方言吗？
方言和关键字大小写选项请使用 SQL 格式化页面。
推荐的下一步
转义/反转义工具
一个工具搞定字符串转义与反转义：支持 JSON、JavaScript、HTML、XML、URL 组件、正则表达式、SQL 字面量、CSS 字符串和 Shell 参数。
CSS 选择器测试器
针对粘贴的 HTML 测试 CSS 选择器，查看每个匹配元素的标记和文本。使用 querySelectorAll，因此结果与浏览器完全一致。
CSS 盒阴影生成器
可视化构建 CSS box-shadow：叠加多层阴影，设置偏移、模糊、扩展、内阴影和 RGBA 不透明度，实时预览并复制简洁的代码。
CSS 渐变生成器
设计线性、径向和锥形 CSS 渐变，支持可拖动色标、角度、重复模式和 OKLCH 插值。实时预览并复制代码。
CSS Flexbox 生成器
可视化设置弹性容器的方向、换行、主轴与交叉轴对齐、间距，以及每个项目的伸缩、顺序和自身对齐，实时显示子项并可复制 CSS。
CSS Grid 生成器
可视化构建 CSS Grid 布局：grid-template-columns/rows、带校验的命名区域、间距、对齐和每个项目的定位，复制简洁的 CSS。