使用步骤
- 粘贴代码，或点「加载示例」试一试。
- 选择 JavaScript、TypeScript 或 JSON，设置缩进、行宽、分号和引号风格。
- 点击「格式化」，或按 Ctrl+Enter（Mac 上是 ⌘+Enter）。
- 复制格式化后的代码。
参数说明
- 缩进
- 2 个空格是 Prettier 的默认值，也是 JavaScript 项目最常见的风格；Tab 表示用制表符缩进。
- 行宽
- 超过这个字符数的表达式会被折行，默认 80。
- 分号
- 关闭后语句末尾不加分号；省略分号会改变含义的地方 Prettier 仍会保留。
- 单引号
- 字符串使用 '单引号' 而不是 "双引号"，除非这样需要更多转义。
使用示例
压缩过的代码。 粘贴一行压缩后的代码，格式化后恢复缩进和换行，方便阅读（被缩短的变量名无法恢复）。
团队风格。 按项目的 Prettier 配置设置，例如 4 空格缩进、不加分号、单引号。
常见问题
支持 JSX 和新语法吗？
支持。JavaScript 模式使用 Babel 解析器，能识别 JSX、可选链、类字段、顶层 await 等现代语法。
为什么提示语法错误？
Prettier 需要先解析代码才能格式化，遇到不合法的 JavaScript 会停止。提示信息会给出出错的行号和列号。
格式化后代码的行为会变吗？
不会。Prettier 只调整空白、换行、引号、括号和分号，不会改变代码的含义。
代码会上传吗？
不会。Prettier 在浏览器中运行，代码留在你的设备上。
隐私说明
本工具完全在浏览器中运行，文件和文本都在你的设备上处理，不会上传到我们的服务器。