How To Run JavaScript In VSCode with Node JS (LiveServer localhost)

(We're free online community, meet other makers!)

Hey guys in this #vscode tutorial I'll show you 3 different ways how to run JavaScript in Visual Studio Code (VS Code) All 3 require that you have Node JS installed on your system. We'll take a look at running js in vscode terminal, using code runner extension and then run JavaScript using Live Server extension at localhost address in your browser with hot reload.

Video Chapters
=============
00:00 How to Run JavaScript in VSCode
00:42 Download and Install NodeJS
01:38 Add Node JS to Environment Variables on Windows 10 or 11
02:46 Find out which NodeJS version you're running on CMD
03:13 Code Runner Extension
03:49 Open JavaScript Project
04:57 Run JS in VSCode Terminal
05:23 Run JS in Code Runner
05:57 Install Live Server
06:17 How to choose browser to run JS in
07:10 Run JavaScrtipt on localhost in vscode using Live Server
07:43 Hot Reload

phrases you might be typing if you're looking for this video
===============================================
vscode run js file
vscode run js
visual studio code run html with javascript
visual studio code run js with node
vs code run javascript without node
how to run javascript using vs code
visual studio code run node js server
vscode run javascript snippets
vscode javascript use preview
visual studio code run javascript program
run javascript on vscode
vs code run javascript in terminal
vs code run node js
run javascript vscode mac
run javascript locally vscode
vscode run js code
vs code how to run javascript
vscode call hierarchy javascript
vscode run html javascript
vscode run javascript in terminal
vscode run javascript test
use vscode for javascript
vscode run node js file
vs code extension to run javascript
vscode extension run javascript
cara run javascript di vscode
visual studio code run and debug javascript
can vscode run javascript
vscode run javascript code
vscode run javascript in browser
javascript program in visual studio code
vscode run node js app
vscode run a js file
vscode run javascript file
can you run javascript in visual studio code
can you use javascript in visual studio
open vscode in visual studio
visual code run javascript file
vscode run javascript inline
vscode run javascript in chrome

[forlorn]

Amazing tutorial short, sweet and straight to the point that live server technique is gonna put me ahead of my class and increase my workflow so much thank you!!!

[marakeki]

OMFG Thank you so much for this video! Loved the tutorial. Everything was very clear and easy to follow. Please like this video everyone cuz this was absolutely amazing.

[GErgun]

Hey just wanted to thank you for this great work! Every second was worth it and helped me alot. Now i finally wanna code all day long😁

[oreoluwaokeyinka]

Very Educative ❤
Thanks for sharing 👍

[davidowuor]

Thank you, sir. This has saved my day a lot.

[otmadeitup]

Thank you so much sir, been struggling with this for a while now

[DanielFigueroa-oqhx]

Thank you so much for this video. This really helped me a lot!!!

[shootingquarterly]

Very nice explained, audio needs a bit fixing. Anyway Keep Going!!! I get error with
throw err; . If you can help on it would be great. i tried searching but no luck, Mac OS here.

[softwaretestinglearninghub]

Great overview as always! Thank you for sharing!

[jaishreeram-xvcj]

There was not output there it just showed me 0.356 sec

[maxman]

Great video!
Currently I'm getting ReferenceError: document is not defined
whenever I use document.getElementById to add event listeners linked to my HTML. do you know what might be the issue? I dug through stackoverflow and couldn't find anything.
Thanks for the tutorial!

[fastmiks]

Thanks dude! <3 Really helpful and easy!

[jimdennis]

Thank you! This was very helpful. I had no idea all the steps required to get Live Server working with JavaScript and node.js.

[kv]

The video is great thank you! BUT i get to Json installation and can do that BUT then I go to settings then to extension settings but I do not have the the command setting and dont know what to do can you help me PLEASE :)

[ThienTranQuoc-kukf]

hi my project in D drive, so how can i add nodejs in it ?

[kamillatocha]

im getting error
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
so i guess it wont work on localhost

[speedtnt]

I have a VPS server so how can i run it on that? so it won't be local anymore and has address so anyone can access to it?

[joelarpin]

you said at 6:43, make sure you have OK, I don't, I have true. Now what?
update: I figured that out but it doesn't work.
So, so many questions...
does JS have to be embedded in HTML?
does it have to be in the head?
It keeps asking me to open a folder and create a json file.