TypeScript Twoslash

一種用於 TypeScript 程式碼的標記格式,非常適合建立自包含的程式碼示例,讓 TypeScript 編譯器完成額外的工作。

如果你瞭解 TypeScript,那你基本上也就掌握了 twoslash。

Twoslash 增加了在內聯宣告 tsconfig 選項、將示例拆分為多個檔案以及其他一些有用命令的功能。你可以在 README 中檢視完整的 API。 在 README 中

Twoslash 標記語言有助於:

  • 強制 TypeScript 程式碼示例產生準確的錯誤,並將訊息處理交給編譯器
  • 拆分程式碼示例以隱藏干擾性的程式碼
  • 在程式碼示例中宣告式地高亮顯示符號
  • 用轉譯到不同檔案的結果或輔助檔案(如 .d.ts 或 .map 檔案)替換程式碼
  • 在單個程式碼示例中處理多檔案匯入
  • 為程式碼建立演練場(Playground)連結

標記

檢視 TS Twoslash 如何獲取程式碼中識別符號的高亮資訊

正在下載沙盒...

高亮顯示執行時型別
顯示錯誤
設定編譯器標誌
修剪程式碼
顯示 JS
顯示 DTS
高亮

結果

用法

Twoslash 的使用指南可在 npm 的 README 中找到: @typescript/twoslash.