代码格式化
用 Prettier 在浏览器里格式化或压缩 JavaScript、TypeScript、JSON、HTML、CSS、SCSS、Markdown 与 YAML 代码。
免费浏览器本地运行无需注册
语言
缩进宽度
每行宽度
风格
—
把代码文件拖到这里
也可以点击选择 —— .js .ts .jsx .tsx .json .html .css .scss .less .md .yml
也可以点击选择 —— .js .ts .jsx .tsx .json .html .css .scss .less .md .yml
输入
输出
相关工具
怎么格式化代码
- 选择语言，或者直接把文件拖进来——工具会按扩展名自动选好语言并载入代码。
- 设置缩进宽度、每行宽度、是否加分号和引号风格，然后点“格式化”。Prettier 会按语法树重新输出代码，结果始终一致。
- 复制结果，或按正确的扩展名下载。“压缩”则是去掉空白，支持 JavaScript、CSS、HTML 和 JSON。
常见问题
代码会上传到服务器吗？
不会。第一次格式化某种语言时会从 CDN 下载 Prettier 的浏览器版，之后解析、输出、压缩全部在这个标签页里完成，代码不会离开浏览器。
为什么格式化失败？
Prettier 必须先解析代码，遇到语法错误就会停下并提示行号和列号。请先确认所选语言和代码一致——在 JavaScript 模式下写 TypeScript 类型注解，或在严格 JSON 里留了尾逗号，都是常见原因。
压缩 JavaScript 时会做什么？
会调用 Terser：删掉无用代码和注释、去掉空白、缩短局部变量名，但行为保持不变。CSS、HTML 和 JSON 走的是更轻量的纯空白压缩，不动其中的字符串和内容。