在线代码格式化
基于 Prettier 的代码美化：粘贴代码即可按统一风格重排缩进、换行与引号，支持 JS/TS、JSON、CSS 系、HTML/Vue、Markdown、YAML、GraphQL。语言可自动识别，格式化在你自己的浏览器里完成。
功能特性
缩进、引号、分号、尾随逗号、打印宽度都能调，团队里谁写的代码过一遍就是同一个样子。
JS / TS / JSX / TSX、JSON、CSS / SCSS / Less、HTML、Vue 单文件、Markdown、YAML、GraphQL 贴进去就能认。
语法错误翻译成「第 X 行第 Y 列：原因」，而不是把英文堆栈直接甩出来。
各语言插件只在选中时才加载，代码不上传，首次选择某个语言会稍慢一点。
使用步骤
贴进左侧输入框，语言默认自动识别，也可以在选项里手动指定。
选打印宽度、缩进宽度、引号与分号偏好，右侧结果即时刷新。
若有语法错误，结果区会指出行列号，改完自动重新格式化。
复制或下载，扩展名按语言自动匹配，如 .ts、.vue、.yml。
适用场景
常见问题
和「JSON 格式化」有什么区别？
JSON 格式化只处理 JSON，还能压缩与转义；本工具是通用代码美化，覆盖 JS / TS / CSS / HTML / Vue / Markdown / YAML / GraphQL，JSON 也在内但输出的是美化结果。要压缩代码请用 CSS / JS / HTML 压缩工具。
为什么 Vue 文件里的 script 也跟着变了？
这是刻意做的：只加载 HTML 插件时，Prettier 找不到内嵌语言的子解析器，会静默跳过 script 与 style 块，看起来就像「没格式化」。本页把 babel、typescript、postcss 一并加载，所以内嵌代码也会被格式化。
代码会被上传吗？
不会。Prettier 的浏览器版（standalone）在你的设备上运行，页面不发送代码、也不做存储。
自动识别错了怎么办？
在「语言」里手动指定即可，自动识别只用于省事。识别依据是内容特征，比如能否直接 JSON.parse、有没有 JS 语法信号、是否以标签开头，遇到模棱两可的片段会有偏差。
首次格式化某个语言为什么要等一下？
各语言插件是分开的独立文件，首次使用时才下载。第一次选择 TypeScript 或 GraphQL 会有短暂延迟，之后就是即时完成。
能格式化 Markdown 里的代码块吗？
目前只做整体排版：标题、列表、表格对齐与段落折行，代码块内容原样保留。要格式化代码块里的代码，请单独贴到左侧并选择对应语言。