When the developer writes JavaScript code in the code editor, we often check the output in the browser console, which can be tedious. But there's a simpler way! You can view JavaScript results directly in your code editor, saving time and effort.

So let's get started.

The Quokka.js extension in VS Code is popular for viewing JavaScript output. It displays code results and bugs directly in the editor, eliminating the need to open the console or terminal repeatedly. 

To use it, install the Quokka.js extension, connect to your JavaScript file, and start coding.

Install this extension.

To connect the Quokka.js extension, keep your JavaScript file open, then press Ctrl + Shift + P (Windows) or CMD + Shift + P (macOS). Type "Quokka" and select your desired option, such as whether it's a new or existing file, to start using Quokka.

Select the file with which you want to start Quokka.js.

The Quokka.js extension will start.

With the Quokka.js extension, you can instantly see the outcomes of your JavaScript code directly in your code editor. This speeds things up and makes coding easier and quicker for everyone.