JAVASCRIPT FORMATTER / PRETTIER

JavaScript 格式化工具

和 VS Code 里的 Prettier 一样的结果,打开网页就能用。

本地处理 · 代码不上传
选项

按需连接下一步

把日常工具接到公司的工作流程

创建公司账号,配置网站监控、企业邮箱与通知渠道,邀请同事分工处理日常工作。

新公司享 14 天 Pro 试用,无需绑卡;试用不含付费月度积分。

已有公司账号?打开对应工作台 →

怎么用

  1. 粘贴代码、拖入文件或点「示例」;语言会按页面预选,也可以改成其他语言。
  2. 选择格式化或压缩,按需调整缩进、行宽等选项,结果实时出现在右侧。
  3. 复制或下载结果;出错时点「跳到出错位置」修正后再运行。

代码风格选项

常用约定
选项建议
缩进2 空格(前端常用)/ 4 空格 / Tab
行宽80 字符换行,宽屏可选 100 或 120
引号双引号(Prettier 默认)或单引号
分号默认加上,避免自动插入分号的坑
尾随逗号多行时加上,改动时 diff 更干净

支持的语言与引擎

格式化使用业界通用的开源引擎,结果与 VS Code 等编辑器里的 Prettier 一致,团队可以直接沿用同一套风格。所有引擎都从本站加载、在浏览器里运行。

语言
语言格式化压缩
HTMLPrettier 3✓ 去注释、合并空白
XML迅龙 XML 引擎✓
CSS / SCSS / LessPrettier 3✓ CSSO 结构优化
JavaScript / TypeScriptPrettier 3(Babel)✓ Terser(仅 JavaScript)
JSONPrettier 3✓ 大数字不丢精度
YAMLPrettier 3—(保留注释)
SQLsql-formatter(14 种方言)—

常见问题

能把压缩过的 JS 还原吗?

可以恢复缩进和换行,让代码重新可读;但被缩短的变量名(如 a、b、c)无法还原成原来的名字。

支持 TypeScript 和 JSX 吗?

支持。语言选 TypeScript 即可格式化类型注解和接口;JSX 在 JavaScript 下直接支持。

代码会上传到服务器吗?

不会。格式化引擎从本站下载到你的浏览器后在本地运行,代码不经过我们或任何第三方的服务器,适合处理公司内部代码和配置。

能处理多大的文件?

单个文件最多 5 MB;超过 300 KB 时不会边输入边处理,点按钮再运行,避免浏览器卡顿。

JS 格式化实用指南与常见问题

什么是JS 格式化?

使用 Prettier 3(Babel 解析器)重新打印代码:按行宽自动换行,统一引号、分号和尾随逗号;TypeScript 使用 babel-ts 解析,JSX 直接支持。

适合谁用,什么时候用?

前端开发、写脚本的运营和排查第三方代码的技术人员;阅读压缩过的 JS、统一团队代码风格时使用。

如何使用JS 格式化?

粘贴 JavaScript、JSX 或 TypeScript,按缩进、行宽、引号、分号和尾随逗号设置用 Prettier 美化,语法错误定位到行列。

如何理解JS 格式化的结果?

Prettier 会重新排版整个文件,保留注释但不保留原来的换行习惯;被压缩过的变量名无法还原。

内容在哪里处理,会提交到哪些服务?

JavaScript 只被解析和重新排版,不会执行,也不会上传。