首頁  >  文章  >  web前端  >  quokka 怎麼用? VSCode 外掛程式Quokka.js用法(圖)

quokka 怎麼用? VSCode 外掛程式Quokka.js用法(圖)

云罗郡主
云罗郡主原創
2018-10-27 14:44:3419698瀏覽

quokka是什麼?怎麼用?本文重點向前端開發者介紹quokka的意思?以及quokka具體怎麼使用。

什麼是quokka?
Quokka 是一個偵錯工具,可以為您正在編寫的程式碼提供即時回饋。它能夠預覽變數的函數和計算值結果。此擴充功能易於配置,對於使用 JSX 或 TypeScript 的專案可直接使用。專案地址:https://quokkajs.com/

Quokka.js 是一個用於 JavaScript 和 TypeScript 的即時運行程式碼平台。這意味著它會在你輸入後立即運行您的程式碼,並在您的程式碼編輯器中顯示各種執行結果。建議你親自嘗試。

quokka 怎麼用? 
 VSCode安裝此Quokka.js擴充功能後,可以按Ctrl/Cmd(⌘) Shift P 顯示編輯器的指令選項面板,然後鍵入Quokka 以查看可用指令的清單。選擇並執行 “新建JavaScript檔案” 指令。 

您也可以按(⌘ K J)直接開啟檔案。您在此文件中鍵入的任何內容都會立即執行。

quokka 怎麼用? VSCode 外掛程式Quokka.js用法(圖)

以上為Quokka.js 示範動圖

#類似的擴充–

##Code Runner – 支援多種語言,如C,C ,Java,JavaScript,PHP,Python,Perl,Perl 6等。

Runner

附:

有同學問:

我的vscode安裝完quokka·Js之後為什麼js檔案裡沒有自動顯示變數結果呢,是不是需要設定文件,還是怎樣?

熱心網友回答:

Ctrl k j 會暫時開啟一個新js文件,然後把代複製到裡面就能看到了


以上是quokka 怎麼用? VSCode 外掛程式Quokka.js用法(圖)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn