2018年12月18日 星期二

[VSCode plugin] Quokka 編輯器中即時顯示console內容

Quokka.js這個外掛能在編輯器中就直接印出內容,可以從圖片中看到藍色字的部分就是由外掛即時印出的內容。



Control +Shift +P 後輸入Quokka就可以選擇新增一個Quokka關聯的js檔案New JavaScript File,如果要使用現有檔案,則選擇Start on Current File



另外此plugin 還提供了Pro版本,
1、可使用他所定義的註解 /*?*/顯示結果或/*?.*/顯示執行速度
2、可以自動關聯js檔案啟動quokka功能、提示缺少的package並可以快速install
3、無限制的value階層延伸查詢
4、可import檔案,並在import的檔案有更動時自動更新依賴的值

更詳細的Pro功能可以看這個官方提供的網址 : https://quokkajs.com/pro/