# VS CODE 延伸模組分享:Quokka 最近開始學習JS,所看到的延伸模組。 幫助我們快速當下Debuug JS語法的編譯,達到Liveview檢查效果。 注意:要使用 Quokka 必須有 Node.JS 接口,否則會報錯。 ## Quokka: ![](https://i.imgur.com/NXU8kr7.png) 指令操作: ``` CMD(Ctrl) + K, J = F1 > Quokka.js:New JavaScript File CMD(Ctrl) + K, T = F1 > Quokka.js:New TypeScript File CMD(Ctrl) + K, Q = F1 > Quokka.js:Start On Current File CMD(Ctrl) + K, S = F1 > Quokka.js:Stop Current Shift + F5 = F1 > Quokka.js:Start/Stop Time to Machine On Current File ``` 執行成功: ![](https://i.imgur.com/Xd5OWrU.png) 出現錯誤: ![](https://i.imgur.com/TJh9Zgw.png) ## Quokka Statusbar Buttons ![](https://i.imgur.com/nmsJiqX.png) 如果懶得記指令或開始F1下指令執行Quokka,這是個方便的工具。 ![](https://i.imgur.com/8FYsSAt.png) 參考與實作教學: [QUOKKA 官網](https://quokkajs.com/docs/index.html)