How To View JavaScript (console.log) output in VSCode
Hello guys,
Today I have another productivity tip for javascript developers.
Let me show you how you can view the output of Console.log() inside of VSCode.
Here we go.
First, click on the extension tab on VSCode and search for an extension named “Code Runner” by Jun Han.
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nad304hsphziuctrgm9e.PNG" alt="Alt Text" />
Go ahead and install it. After installation restart VSCode and you would notice a “Play” icon at the top of VSCode.
<iframe width="560" height="315" src="https://www.youtube.com/embed/X_TVF96Kqcw"></iframe>

Next, I will create a JavaScript file in VSCode and log some text to the console.
<pre><code>console.log("100 Days Of JavaScript Course");
</code></pre>Now, click on the “play” icon at the top of VSCode and your code would output on a new panel inside VSCode.
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbbq3xmrnoc80a3xcaqc.PNG" alt="Alt Text" />
By the way, <a target="_blank" href="https://www.udemy.com/course/100-days-of-javascript/?referralCode=9FB1A91BA3B143B2A261">100Days of JavaScript Course </a> was created to help beginners/intermediate level JavaScript developers sharpen their JavaScript skills by building projects everyday for 100 Days. 
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw5437cpmjxx31atos39.png" alt="Alt Text" />
Thanks for reading this article.
if you enjoyed it, feel free to connect with me:
Website: <a target="_blank" href="https://zinotrustacademy.com/">ZinoTrustAcademy.com</a> 
Twitter: <a target="_blank" href="https://twitter.com/zinotrust">@ZinoTrust </a> 
YouTube: <a target="_blank" href="https://www.youtube.com/channel/UClXxZm-GQr4S-NsHGIXgg4Q">ZinoTrust Academy </a> 
GitHub: <a target="_blank" href="https://github.com/zinotrust">ZinoTrust </a>

How To View JavaScript (console.log) output in VSCode
Hello guys,
Today I have another productivity tip for javascript developers.
Let me show you how you can view the output of Console.log() inside of VSCode.

Here we go.
First, click on the extension tab on VSCode and search for an extension named “Code Runner” by Jun Han.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nad304hsphziuctrgm9e.PNG)

Go ahead and install it. After installation restart VSCode and you would notice a “Play” icon at the top of VSCode.

<iframe width="560" height="315" src="https://www.youtube.com/embed/X_TVF96Kqcw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Next, I will create a JavaScript file in VSCode and log some text to the console.

```
console.log("100 Days Of JavaScript Course");
```

Now, click on the “play” icon at the top of VSCode and your code would output on a new panel inside VSCode.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wbbq3xmrnoc80a3xcaqc.PNG)

By the way, [100Days of JavaScript Course ](https://www.udemy.com/course/100-days-of-javascript/?referralCode=9FB1A91BA3B143B2A261) was created to help beginners/intermediate level JavaScript developers sharpen their JavaScript skills by building projects everyday for 100 Days. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw5437cpmjxx31atos39.png)

**Thanks for reading this article.**
if you enjoyed it, feel free to connect with me:

**Website:** [ZinoTrustAcademy.com](https://zinotrustacademy.com/) 

**Twitter:** [@ZinoTrust ](https://twitter.com/zinotrust) 

**YouTube:** [ZinoTrust Academy ](https://www.youtube.com/channel/UClXxZm-GQr4S-NsHGIXgg4Q) 

**GitHub:** [ZinoTrust ](https://github.com/zinotrust)

How To View JavaScript (console.log) output in VSCode

Web Developer and Content Creator on YouTube and Udemy.
