TypeScript 格式化工具是一款专业的在线代码处理工具，支持 TypeScript 和 TSX 代码的格式化、压缩和验证。使用 Monaco Editor 提供强大的代码编辑体验，并集成 esbuild 实现高效的代码压缩。
所有操作完全在浏览器本地完成，代码不会上传到服务器，确保您的代码安全和隐私。
可以直接粘贴代码、上传文件或使用示例代码。编辑器支持语法高亮和自动补全。
设置缩进大小（2/4/8 空格）和是否使用空格代替制表符。这些设置会影响格式化后的代码样式。
点击「格式化」按钮美化代码，使其更易读；点击「压缩」按钮去除空格和换行，减小代码体积。
格式化或压缩完成后，点击「复制结果」按钮将处理后的代码复制到剪贴板。
使用 prettier 进行代码格式化，支持 TypeScript 和 TSX 代码的格式化。
所有操作在浏览器本地完成，代码不会上传到服务器，完全保护您的隐私。
支持自定义缩进大小、空格/制表符选择等格式化选项，满足不同编码规范。
TypeScript 具有复杂的类型系统，包括接口、泛型、联合类型等。在压缩时需要正确处理类型注解，确保不影响类型推断和检查。
使用 esbuild-wasm 在浏览器中运行，需要处理 WASM 模块的加载和初始化。首次加载可能需要下载 WASM 文件，需要优化加载体验。
压缩后的代码需要保持功能完整性。虽然删除了空格和注释，但必须确保代码逻辑不变，这需要精确的 AST 解析和转换。
TypeScript 是 JavaScript 的超集，添加了静态类型系统和其他特性。它在编译时进行类型检查，帮助开发者在运行前发现错误。TypeScript 代码最终会编译成 JavaScript 才能在浏览器或 Node.js 中运行。
代码格式化是指按照一定的编码规范自动调整代码的缩进、换行、空格等，使代码更易读、更统一。常见的格式化工具有 Prettier、ESLint 等。本工具使用 Monaco Editor 的内置格式化功能。
代码压缩（Minification）是通过删除空格、换行、注释，缩短变量名等方式减小代码体积。压缩后的代码功能不变，但可读性降低，主要用于生产环境以减少文件大小和加载时间。
A: TypeScript 是 JavaScript 的超集，在 JavaScript 基础上添加了类型系统、接口、枚举等特性。TypeScript 代码需要编译成 JavaScript 才能运行，但可以在编译时发现类型错误，提高代码质量。
A: 不会。esbuild 压缩工具会保持代码的功能完整性，只是删除了空格、换行和注释，并可能缩短变量名。压缩后的代码功能与原代码完全相同，只是可读性降低。
A: 格式化工具使用 Monaco Editor 的默认格式化规则。您可以通过调整缩进大小和空格/制表符设置来改变格式化风格。如果需要更复杂的自定义规则，建议使用 Prettier 等专业格式化工具。
A: 首次压缩需要下载和初始化 esbuild 的 WASM 模块（约 8MB），这个过程可能需要几秒钟。初始化完成后，后续的压缩操作会非常快。WASM 模块会被浏览器缓存，下次访问时无需重新下载。