代码格式化

ArrayKit 的代码格式化工具帮助开发者无需离开浏览器即可清理、转换和校验代码。无论你是要美化杂乱的样式表、压缩一个打包文件、重新格式化一条查询，还是检查一个模式，这一类别都涵盖了让代码保持可读、一致的日常格式化任务。JS / TS 格式化工具和 CSS / SCSS 格式化工具应用 Prettier 风格的规则，而 SQL 格式化工具则处理 MySQL、PostgreSQL 等。用 YAML 转 JSON 转换结构化数据、用 Markdown 预览渲染文档、用正则表达式测试工具调试模式。这里还有处理 HTML、XML、GraphQL、Dockerfile 和 MongoDB 查询的工具。这些工具专为前端和后端工程师、学生，以及任何处理配置或标记的人打造。一切都完全在你的浏览器中运行，因此你的代码在本地处理，不会上传到任何服务器。

• YAML ↔ JSON — 在 YAML 与 JSON 之间相互转换。
• Markdown 预览 — 将 Markdown 渲染为 HTML 并实时预览。
• 正则测试工具 — 实时测试正则表达式，显示匹配项、分组和标志。
• CSS 颜色转换工具 — 在 HEX、RGB 和 HSL 之间转换，并实时显示色样。
• 文本对比 — 逐行对比两段文本，查看新增和删除内容。
• MDX 转换工具 — 将 MDX 渲染为文本、将 HTML → MDX，并将文本转义为 MDX 字面量。
• CSS / SCSS 格式化工具 — 美化或压缩 CSS/SCSS/LESS，排序属性并去除重复项。
• JS / TS 格式化工具 — 使用 Prettier 选项美化或压缩 JavaScript、TypeScript 和 JSX/TSX。
• HTML 格式化工具 — 美化或压缩 HTML，格式化内联 CSS/JS 并预览结果。
• XML 格式化工具 — 美化、压缩和验证 XML，并在 XML ↔ JSON 之间转换。
• SQL 格式化工具 — 为 MySQL、PostgreSQL、SQL Server、SQLite、BigQuery 和 Oracle 格式化 SQL。
• GraphQL 格式化工具 — 格式化或压缩 GraphQL 查询和模式，验证语法并提取操作。
• Dockerfile 格式化工具 — 格式化 Dockerfile 并获取最佳实践和 lint 建议。
• MongoDB 查询格式化工具 — 格式化 MongoDB shell 查询和聚合管道。
• 对比度检查工具 — 检查两种颜色之间的 WCAG 对比度以及是否通过 AA/AAA。
• Mermaid 图表渲染器 — 在浏览器中将 Mermaid 图表（流程图、时序图、甘特图）渲染为 SVG。
• SVG 优化工具 — 压缩 SVG：移除注释、元数据和编辑器残留，并合并空白。
• MongoDB Query Beautifier — Beautify and indent MongoDB queries and find() statements in your browser.
• MongoDB Aggregation Beautifier — Beautify and indent MongoDB aggregation pipelines in your browser.
• MongoDB Explorer — Explore a MongoDB document or collection sample and infer its field schema and types.
• OpenAPI / Swagger Formatter — Format and validate OpenAPI / Swagger specs (JSON or YAML) and count paths and operations.

常见问题

这些代码格式化工具用起来安全吗？

安全。每个代码格式化工具都完全在你的浏览器中运行，因此你粘贴的代码在本地处理，绝不会离开你的设备。不会上传到任何服务器，这使它们即便处理专有或敏感源文件也安全可用。

代码格式化工具能离线工作吗？

页面加载完成后，格式化、压缩和转换都在你的机器上进行。由于处理是本地的且不会发送到任何服务器，即使你的网络断开，这些工具仍能继续工作。

我可以用这些工具格式化哪些语言和格式？

该类别覆盖广泛：CSS、SCSS 和 LESS，JavaScript、TypeScript 和 JSX，HTML，XML，跨多种方言的 SQL，GraphQL，Dockerfile 和 MongoDB 查询。你还可以将 YAML 转为 JSON、预览 Markdown 和 MDX，以及优化 SVG。

我既可以美化也可以压缩我的代码吗？

可以。CSS / SCSS、JS / TS、HTML 和 XML 等格式化工具同时支持为可读性而美化和为生产环境而压缩。根据具体工具，你还可以排序属性、移除重复和校验语法。

格式化会改变我的代码的行为吗？

美化和压缩只调整空白、缩进和布局，因此你代码的行为保持不变。像 YAML 转 JSON 或 XML 转 JSON 这样的转换工具会把数据重构为等价格式，而不改变其含义。

使用代码格式化工具需要安装任何东西吗？

无需安装。页面一加载，这些工具就在你的浏览器中运行，所有处理都在你的设备本地进行，因此你可以立即格式化和转换代码。