DEV Community

Cover image for How to rapidly prototype Typescript & Javascript in VS Code
Tuomo Kankaanpää
Tuomo Kankaanpää

Posted on • Updated on • Originally published at tuomokankaanpaa.com

How to rapidly prototype Typescript & Javascript in VS Code

Visual Studio Code is one of the most popular code editors for writing Typescript and Javascript. I use VS Code for all my Typescript and Javascript projects.

If you are like me, using VS Code for writing Typescript / Javascript, you know that sometimes quick prototyping or testing is needed. For this kind of situations I use this extension called Quokka.js.

Read also: How to write Javascript and React with VS Code FASTER!

After installing the extension you can launch a new Typescript / Javascript file with live code execution and results, value explorer, live code coverage and much more. Or if you want to check your existing code, you can also start the extension for an existing file.

I made a video introducing the extension more throughly so go watch that if you want to learn more! Or if you just want to give it a try, you can install the extension from here: https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode.

What do you think about the extension? Let me know in the comments!

Discussion (2)

Collapse
obfusticatedcode profile image
Chisomo Kenneth Lungu

Thanks. Your tutorial only covers JS and not TS. Perhaps you can update the blog title to let others know there isn't any TS.

Collapse
tumee profile image
Tuomo Kankaanpää Author

Thanks for the comment! I decided to have Typescript on the title too, because it the extension works with Typescript too.