不用編譯,不用存檔,馬上就可以顯示 TypeScript 結果

Angular CLI 雖然讓我們簡化了前端工具的建置,但有時只想測試或示範 TypeScript,並不想真的去跑 Angular,此時 Quokka 就是我們的好幫手了。

安裝 Quokka


quokka000

  1. 選擇左側 Extension 圖示
  2. 上方搜尋 Quokka
  3. 找到 Quokka.js
  4. Install 安裝 Quokka

執行 Quokka


quokka001

按熱鍵新增 Scratch File,這並沒有一個實體檔案,只是用來測試而已。

Windows:Ctrl + K, T

macOS:⌘ + K, T

quokka002

可以開始輸入 TypeScript,不需存檔,不需編譯。

  1. 在程式碼右側立即顯示結果
  2. 在下方 OUTPUT 視窗也可以看到結果
  3. 左側會如 Wallaby 一樣,該行執行成功就顯示 綠燈

Conclusion


  • Quokka 與 Wallaby 是同一個作者寫的,讓我們 TypeScript 馬上就可以測試看結果
  • 使用 Quokka,你也可以在熟悉的 VSCode 測試 TypeScript,非常方便