TypeScript Twoslash

一种用于 TypeScript 代码的标记格式,非常适合创建独立的代码示例,让 TypeScript 编译器完成额外的繁重工作。

如果你了解 TypeScript,你基本上就了解 twoslash。

Twoslash 添加了在内联声明 tsconfig 选项、将示例拆分为多个文件以及其他一些有用命令的功能。你可以在 README 中 查看完整的 API。

Twoslash 标记语言有助于:

  • 从 TypeScript 代码示例中强制执行准确的错误,并将消息传递给编译器
  • 拆分代码示例以隐藏分散注意力的代码
  • 声明性地突出显示代码示例中的符号
  • 用不同文件的转译结果或辅助文件(如 .d.ts 或 .map 文件)替换代码
  • 在一个代码示例中处理多文件导入
  • 为代码创建游乐场链接

标记

看看 TS Twoslash 如何获取代码中标识符的突出显示信息

正在下载沙盒...

突出显示运行时类型
显示错误
设置编译器标志
修剪代码
显示 JS
显示 DTS
突出显示

结果

用法

Twoslash 的使用指南可在 npm README 上获得,网址为 @typescript/twoslash