代码格式化与美化工具
粘贴代码或打开文件,点击“格式化”,立刻得到整齐的代码。语言自动识别,支持 JavaScript、TypeScript、CSS、HTML、JSON、XML、SQL、YAML、Markdown 和 GraphQL,全部在浏览器中完成。
所有处理都在浏览器中完成 — 你的代码不会上传到任何服务器。
行宽适用于 JavaScript、TypeScript、CSS、SCSS、LESS、HTML、YAML、Markdown 和 GraphQL。格式化不会检查逻辑、类型或代码风格规则。
输入代码后会立即识别语言。
将代码文件拖到这里(最大 5 MB),或直接粘贴、加载示例。按 Ctrl+Enter 即可格式化。
在浏览器中格式化和美化代码
从压缩过的打包文件、日志、聊天消息或老项目里复制出来的代码,读起来费劲,审查起来更费劲。这个代码格式化工具只需一次点击,就能把它还原成缩进统一、整整齐齐的文本。粘贴代码,点击“格式化”(或按 Ctrl+Enter),结果就会显示在原文旁边,两侧都有行号,方便你一眼对照。
工具支持开发者最常遇到的格式:带 JSX 的 JavaScript、带 TSX 的 TypeScript、CSS、SCSS 和 LESS、包含内联脚本和样式的 HTML、JSON、XML、涵盖十三种方言的 SQL、YAML、Markdown 以及 GraphQL。默认情况下语言会自动识别:打开文件时看文件名,粘贴文本时看内容本身。如果文本可能属于好几种语言,工具会直接告诉你,并列出可能的选项,而不是悄悄选错解析器。
排版风格由你决定。对于使用 Prettier 格式化的语言,可以选择 2 个空格、4 个空格或制表符缩进,以及 80、100 或 120 个字符的行宽。处理 SQL 时可以指定方言,例如 PostgreSQL、MySQL、SQL Server 或 BigQuery。JSON 还有一个“压缩”按钮,能去掉所有空白,同时不改动数字、字符串和键的顺序。设置会保存在浏览器里;如果希望边输入边看结果,可以开启自动格式化。
出问题时,提示简短而准确:语言、解析器期望的内容,以及行号和列号。你的输入不会被覆盖,还有一个按钮可以直接把光标移到出错的位置。“撤销”按钮能找回你误清空或误替换的内容。结果可以按对应语言的扩展名下载,也可以在文本对比工具中并排打开两个版本,清楚看出到底改了什么。
一切都在你的设备上完成。体量较大的格式化引擎只会在你实际格式化某种语言时才下载,并在后台 Worker 中运行,所以大文件不会让页面卡住。也请了解它的限制:最大可打开 5 MB 的文件,超过 30 万字符的输入可能需要几秒钟,超过 200 万字符则会被拒绝。格式化不是 lint 工具,也不是编译器,找不出逻辑错误,个别冷门的语法特性也可能无法识别。
常见问题
我的代码会被上传到哪里吗?
不会。代码由运行在浏览器后台线程中的程序库完成格式化,不会向任何服务器发送数据。本浏览器的本地存储里只会保留你的设置和一份可选的草稿,你随时可以清空输入框。
格式化会改变代码的功能吗?
格式化只调整排版:缩进、换行和空格。它也可能统一引号、增删可选的括号、规范分号的写法,但代码的含义不变。它不检查逻辑、类型或 lint 规则,所以输入正确的代码,输出仍然正确;有错误的代码,输出里的错误依然存在。
语言是怎么识别的?
如果你打开的是文件,就以扩展名为准。否则工具会分析文本本身:标签、花括号、关键字和常见的标点特征。遇到两种语言很相似的情况,比如 CSS 和 SCSS、JavaScript 和 TypeScript,它会请你自己确认,而不是随便猜一个。你也可以随时在“语言”列表里手动指定。
代码有语法错误会怎样?
输出区保持为空,输入内容原封不动,同时会给出带有行号和列号的简短提示。点击“在输入框中定位”即可跳到出错的位置,改好后再点一次“格式化”。
这里能压缩代码吗?
只支持 JSON,因为删除空白对 JSON 永远是安全的。要正确压缩 JavaScript 或 CSS,需要专门的压缩工具:重命名变量、合并规则都有可能改变运行行为,所以本工具不做这类处理。如需更深入的 SQL 语法检查,请使用 SQL 格式化与校验工具。