Quokka — Live JavaScript Scratchpad for JetBrains IDEs (free developer tool)

  28 Apr 2017   3 min read

Over a month ago we have introduced Quokka.js — the Live Scratchpad for JavaScript in your editor, with access to your project’s files, inline reporting, code coverage, rich output formatting, and much more.


During these few weeks, the tool had been downloaded around 22k times and the number of active users is quickly growing. We are very excited to see people doing so many things with the help of Quokka.js:

  • building new cool things (we have even heard from a person who had been building a language parser with Quokka),
  • running Quokka in existing projects to prototype new features and tune existing ones,
  • teaching Javascript and using the tool in demos, presentations and online courses,
  • replacing Chrome Dev Tools and node REPL with Quokka,
  • learning Javascript and Typescript features,
  • experimenting with with React and Angular 2.

Thanks to our users’ feedback, we know we are on the right track to our ambitious goal of creating the best ever JavaScript Scratchpad.

Today we are happy to announce Quokka.js plugin for JetBrains IDEs, such as WebStorm, IntelliJ IDEA, PhpStorm, PyCharm, RubyMine, Rider, AppCode, CLion, Gogland, DataGrip, and Android Studio.

Quokka.js for JetBrains IDEs in action

It is very easy to start, just install the plugin, create a new JavaScript/ES6/Typescript/JSX scratch file with Cmd + Shift + N / Ctrl + Alt + Shift + Insert, or use a context menu on an existing project file, and you are ready to go.

Getting Started with Quokka.js in Webstorm

Here is a quick overview of what the tool can do for you (you may find detailed tutorial in our docs):

The tool is brought to you by Wallaby.js team and is built on top of the same technology used in our main product. So if you like Quokka.js, and you are ready to take your experiment to the next level, to start turning it into a feature and writing some tests, and would also like the same live editing features for your unit tests and all files of your project, and a lot more, then definitely check out Wallaby.js.

That’s it for the post, thanks for reading. Don’t forget to follow us on Twitter to stay up-to-date with the tool’s news, and happy experimenting with Quokka.js!