JavaScript 格式化/压缩 | ip186.com

工具简介

JavaScript 代码格式化工具用于对 JS/JSX/TS/TSX 代码进行美化排版、压缩和语法校验。基于 ESLint + Prettier 规则引擎,支持常见的代码风格配置:缩进(2/4 空格或 tab)、引号(单/双)、分号(添加/移除)、尾逗号、换行符等。提供格式化前和格式化后的对比视图(diff 模式),以及语法错误检测(显示错误位置和原因)。所有处理在浏览器本地完成,代码不上传服务器,适合处理敏感或私密的前端代码。最大支持 500KB 的代码文件。

使用步骤

1

输入代码

在左侧编辑框中粘贴或直接输入 JS/TS/JSX/TSX 代码,支持拖拽或上传 .js/.ts 文件。

2

设置格式选项

在右侧设置栏选择缩进大小、引号风格(单/双)、是否加分号和尾逗号等格式选项。

3

格式化与对比

点击「格式化」按钮,右侧显示格式化后的代码,开启「对比模式」可高亮显示发生变化的部分。

常见问题

支持 TypeScript (.ts/.tsx) 吗?

支持。工具会通过文件扩展名自动识别语言类型,对 TS/TSX 代码同样应用正确的解析器和格式规则。如果格式化了错误的语言类型,可以在设置中手动切换语言模式。

格式化规则和 Prettier 一样吗?

内置的规则基于 Prettier 默认规则,同时支持自定义部分常用选项(缩进/引号/分号)。如果项目中已有 .prettierrc 或 .eslintrc 配置文件,可以上传配置文件使格式化规则与项目保持一致。

代码压缩后能还原吗?

压缩(去除空白/换行/注释)是单向操作。格式化输入压缩代码可以恢复可读性,但如果原代码使用了混淆器(变量名缩短等),格式化后也无法恢复原始变量名。

大文件格式化很慢怎么办?

500KB 以下的文件可以在 1-2 秒内完成。超过 200KB 建议关闭语法高亮和实时预览(diff 模式)以提升速度。超大文件(>1MB)建议使用本地编辑器(如 VS Code)中的 Prettier 扩展进行格式化。