使用方法

粘贴文本、打开 UTF-8 文件，或试用 Sample。
选择输入与设置，然后运行工具，或开启自动运行。
检查结果后复制或下载。修改输入会使之前的结果失效。

JavaScript 格式化

格式化 JavaScript、JSX、TypeScript 和 TSX，不执行代码。

处理在浏览器本地完成，输入不会发送给 DevToolsy。

工作原理

使用 Prettier 解析并统一空格与缩进。请按输入选择 JavaScript / JSX 或 TypeScript / TSX，语法错误会显示原文位置。

处理前后对比

输入

const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}

输出

const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

格式化 JavaScript、JSX、TypeScript 和 TSX，不执行代码。

选项与数据保真

可设置缩进、行宽、引号及分号。工具用于格式化，不替代编译器、linter 或压缩器，不执行代码或解析 import 依赖。

使用处理结果

成功只代表解析器接受了语法，类型、import 和运行行为仍需通过项目的编译器、linter 与测试检查。

检查结果后复制或下载。修改输入会使之前的结果失效。

处理限制

每份 UTF-8 输入上限 1 MiB，输出上限 8 MiB。JSONPath 与 Schema 5 秒超时，其他工具 30 秒超时。

延伸阅读Prettier options

常见问题

支持哪些语言输入？

使用 Prettier 解析并统一空格与缩进。请按输入选择 JavaScript / JSX 或 TypeScript / TSX，语法错误会显示原文位置。

可以调整引号和分号吗？

可设置缩进、行宽、引号及分号。工具用于格式化，不替代编译器、linter 或压缩器，不执行代码或解析 import 依赖。

格式化会检查类型或修复逻辑吗？

不会。成功只代表解析器接受了语法，类型、import 和运行行为仍需通过项目的编译器、linter 与测试检查。

输入内容会上传吗？

处理在浏览器本地完成，输入不会发送给 DevToolsy。

可以打开本地文件吗？

UTF-8 输入最大 1 MiB · 输出最大 8 MiB