Prettier 代码格式化工具

直接在浏览器中用 Prettier 格式化 JavaScript、TypeScript、JSON、HTML、CSS、Markdown、YAML、GraphQL 及相关文件

源代码

粘贴 JavaScript、TypeScript、JSON、HTML、CSS、Markdown、YAML、GraphQL 等代码或相关文件内容,直接在浏览器中用 Prettier 格式化

格式化选项

无需手动修改源码,也能切换解析器和格式规则

语言
缩进
样式
尾随逗号

格式化输出

预览会按当前选择的 Prettier 解析器和下方选项生成

什么是 Prettier 代码格式化工具?

直接在浏览器中使用官方 Prettier 独立版本整理代码,无需发送到服务器。可快速格式化文件、比较不同行宽等选项,并复制或下载结果。

支持的格式

支持 JavaScript、JSX、TypeScript、TSX、Flow、各类 JSON、HTML、XML、CSS、PostCSS、SCSS、Less、Markdown、MDX、YAML、GraphQL,以及 Angular、Vue、Svelte、LWC、MJML、Handlebars 等模板格式。可手动选择语言和解析器;导入文件时,工具会根据已识别的扩展名自动选择解析器。

格式化原理

格式化在后台运行,保持编辑流畅。输入较大时会暂停自动格式化,请使用 立即格式化 处理完整文档。

使用方法

选择语言或方言,粘贴或导入源码,调整选项,然后格式化并复制或下载完整结果