代码格式化
用 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 走的是更轻量的纯空白压缩,不动其中的字符串和内容。