Prettier Playground · 官方在线版
官方在线代码格式化试验场
它解决什么问题
Prettier Playground 是官方提供的在线试验场，最大用处是「验证格式化结果」：同一段代码在 `printWidth: 80` 和 `120` 下会长成什么样，加不加 `singleQuote` 差多少，都能实时看到。改团队 `.prettierrc` 之前先在这里试，比改完再全量 diff 安全。
三个典型使用场景
- 调整 printWidth/singleQuote 前，先看对现有代码的实际影响
- 确认某个语法（比如 TS 装饰器）会不会被 Prettier 改坏
- 把一段乱格式的代码粘进去，一键得到规范版本
和 ToolHub 本地工具怎么配合
JSON 格式化：格式化 JSON 配置时，站内工具更直接，还能校验语法（本地工具，文件不上传）
文本对比：格式化前后想确认只改了空白没改逻辑，逐行对比一眼可见（本地工具，文件不上传）
同类可替代方案
- DevDocs —— 一站式 API 文档聚合（100+ 语言/框架）
- Regexper —— 正则表达式可视化图解，一眼看懂
- Mermaid Live —— 用文本语法画流程图/时序图，实时预览
使用时要注意什么
Playground 只支持单文件片段，不能处理项目级的 import 排序和路径别名；版本和本地 Prettier 不一致时结果会有差异。
常见问题
Prettier Playground 是免费的吗？
Prettier Playground 是开源项目，采用 MIT 许可证，官方在线版可以免费使用，不需要为基本功能付费。ToolHub 只做收录与说明，不代管你的数据，也不提供账号或存储服务。
Prettier Playground 适合什么场景？
最常见的是这几种：调整 printWidth/singleQuote 前，先看对现有代码的实际影响；确认某个语法（比如 TS 装饰器）会不会被 Prettier 改坏；把一段乱格式的代码粘进去，一键得到规范版本。判断标准很简单——如果你现在正为了这件事装一个几百 MB 的桌面软件，先用它试一次。
它和 ToolHub 的本地工具有什么区别？
ToolHub 的本地工具把代码放在你的浏览器里执行（WebAssembly 或原生 JS），文件不经过服务器；Prettier Playground 由项目作者维护，数据在其服务器或你的浏览器中处理，具体取决于项目实现，使用前建议先看对方的数据政策。需要「绝对不上传」时可以改用站内同类工具。
用 Prettier Playground 有什么限制？
Playground 只支持单文件片段，不能处理项目级的 import 排序和路径别名；版本和本地 Prettier 不一致时结果会有差异。
相关阅读
- 二维码生成 —— 把文本/网址变成二维码，可下载 PNG（在浏览器内执行，不联网也能用）
- 哈希计算 —— SHA-256/384/512 哈希，基于 WebCrypto 安全实现（在浏览器内执行，不联网也能用）
- UUID / ULID 生成 —— UUID v4、ULID、Nano ID 批量生成，可作数据库主键（在浏览器内执行，不联网也能用）
- 全部开发类工具 —— 按分类筛选，含本地执行与目录直达
- DevDocs —— 同类别另一个选择
项目来源：github.com/prettier/prettier · License: MIT · 分类：开发
官网地址：https://prettier.io/playground/（新标签页打开 prettier.io）
说明：本页是 ToolHub 对该开源项目的整理与推荐，工具由项目作者维护，版权与数据归原作者所有。官网无法访问时可能是临时故障或网络限制。
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具，填参数，出结果。