代码格式化(多语言)
Prettier 浏览器版 + CodeMirror 6 编辑器,支持 8 种语言语法高亮与按需懒加载 parser——切到 CSS 时不会额外下载 TypeScript 的 873KB plugin。
JavaScript 输入
正在加载编辑器…
格式化输出
等待输入…
关于本工具
多语言代码格式化工具,基于 Prettier 浏览器版(prettier/standalone)。支持 JavaScript / TypeScript / JSON / CSS / SCSS / Less / HTML / Markdown / YAML / GraphQL 共 8 种语言;每种语言的 parser plugin 按需懒加载——切到 CSS 时不会下载 TypeScript 的 873KB plugin。
什么时候用
- 粘贴别人发来的杂乱代码片段,快速整理后阅读
- 在没装 Prettier 的环境(学习者 / 临时机器)上格式化
- 对比 Prettier 默认风格和你项目自定义 .prettierrc 的差异
- 前后端协作时统一一段示例代码的缩进 / 引号风格
常见问题
- 用的是哪个 Prettier 版本?
- v3.8.x。和你项目里的最新版 Prettier 风格一致。
- 能读取我项目里的 .prettierrc 吗?
- 不能。本工具用 Prettier 默认配置(2 空格缩进,可在工具栏切 4 空格)。如果你项目有特殊配置,建议直接在编辑器里跑 Prettier 插件。
- 为什么有些语言(如 Python / Rust)没有?
- Prettier 官方不支持这些。Python 用 Black / Ruff,Rust 用 rustfmt——这些工具没有浏览器版,不能纯前端运行。
- 支持 JSX / TSX 吗?
- 支持。选 JavaScript 或 TypeScript 都能正确处理 JSX 语法。
- 格式化报错怎么办?
- Prettier 报错带行列号,按提示修语法。最常见是括号不匹配 / 字符串没闭合——这类错误 Prettier 自己改不了。
最近更新: