跳转到正文

TypeScript 格式化工具

使用此 TypeScript 格式化工具整理 TypeScript 代码。粘贴接口、类型、枚举、泛型、类或函数后,工具会逐个标记重新排版:每级缩进两个空格,类型注解冒号后和运算符周围加空格,代码块和枚举中每行放置一个成员,并在语句末尾加分号。适合开发者在分享或审查前整理代码片段、生成的代码或粘贴的示例。

重置

常见问题

TypeScript 格式化工具如何工作?

它会将代码读取为标记流,例如大括号、分号、运算符、字符串和注释,然后据此重新构建排版。大括号开启缩进代码块,分号结束行,运算符周围则使用统一的空格。

它会检查我的 TypeScript 是否有错误吗?

不会,它既不进行类型检查,也不验证语法,因此也能格式化不完整的代码片段。需要确认代码能否编译时,请运行 tsc 或使用编辑器的检查功能。

接口和枚举如何格式化?

接口和类的主体每行放置一个成员,缩进两个空格,并在每个成员后加分号。枚举成员也会逐行放置,每个成员后都加尾随逗号,包括最后一个。

泛型会保持完整吗?

会。泛型的尖括号(例如 Array<T> 或 Map<string, T>)会被跟踪,因此不会被当作比较运算符。括号内逗号后的空格会统一调整。

它使用什么缩进?

代码块使用两个空格缩进,且无法更改。赋值语句或 return 后较短的对象字面量会保留在同一行。

注释会保留吗?

可以。行注释会独占一行,代码会续写在下一行;块注释则保留在原处。

字符串和模板字面量会被更改吗?

不会,字符串字面量、模板字面量和正则表达式都会严格按照原样复制。只有标记之间的空白字符会重新排布。

格式化会改变代码的行为吗?

格式化工具只会更改空白字符,并在语句末尾补上缺失的分号。如果代码依赖不常见位置的自动分号插入(例如以括号开头的行),请检查输出结果。

为什么输出会放在 typescript 代码围栏中?

结果会以标记为 typescript 的 Markdown 代码块返回,因此在 Markdown、问题帖和聊天中会显示语法高亮。需要用于 .ts 文件时,请复制围栏之间的内容。

我的代码最多可以有多大?

一次最多可以格式化 5 MB 的代码;更大的输入会被拒绝并显示消息。结果与 Code Formatter 的 TypeScript 选项相同。

关于 OneClick Pro

OneClick Pro 是一个免费的工具集合,包含超过 150 种网络工具,助你处理日常工作:转换图像和单位、格式化和验证代码、检查域名和 SEO,以及处理文本、日期和数字。所有工具均可免注册、免订阅使用;你输入的内容仅用于计算结果,绝不会被存储。你可以将它用作处理临时任务的快捷工具箱,也可以收藏每天都会用到的工具。