PocketPlay
EN

代码格式化

用 Prettier 在浏览器里格式化或压缩 JavaScript、TypeScript、JSON、HTML、CSS、SCSS、Markdown 与 YAML 代码。

🔒 浏览器本地运行,文件不会上传免费 · 无需注册
语言
缩进宽度
每行宽度
风格
把代码文件拖到这里
也可以点击选择 —— .js .ts .jsx .tsx .json .html .css .scss .less .md .yml

输入

输出

怎么格式化代码

  1. 选择语言,或者直接把文件拖进来——工具会按扩展名自动选好语言并载入代码。
  2. 设置缩进宽度、每行宽度、是否加分号和引号风格,然后点“格式化”。Prettier 会按语法树重新输出代码,结果始终一致。
  3. 复制结果,或按正确的扩展名下载。“压缩”则是去掉空白,支持 JavaScript、CSS、HTML 和 JSON。

常见问题

代码会上传到服务器吗?

不会。第一次格式化某种语言时会从 CDN 下载 Prettier 的浏览器版,之后解析、输出、压缩全部在这个标签页里完成,代码不会离开浏览器。

为什么格式化失败?

Prettier 必须先解析代码,遇到语法错误就会停下并提示行号和列号。请先确认所选语言和代码一致——在 JavaScript 模式下写 TypeScript 类型注解,或在严格 JSON 里留了尾逗号,都是常见原因。

压缩 JavaScript 时会做什么?

会调用 Terser:删掉无用代码和注释、去掉空白、缩短局部变量名,但行为保持不变。CSS、HTML 和 JSON 走的是更轻量的纯空白压缩,不动其中的字符串和内容。