Up next in 10
This VSCode IDE Plugin to Start Node js HTTP Localhost LIVE Server With Live Preview & Hot Reload
Jul 14, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you a VS Code
0:04
plug-in which will start a NodeJS HTTP
0:06
localhost live server with live preview
0:10
and dev tools.
0:12
Go to the extensions tab and just type
0:14
here NodeJS
0:16
server.
0:19
So this will come right here. If you see
0:25
NodeJS HTTP server
0:38
Yeah. So I think yeah this live preview
0:40
server this is the extension
0:43
it basically free native NodeJS live
0:46
preview server and it will embed HTTP
0:49
preview as well. So once you click the
0:51
activate you once you activate this
0:54
extension once you go to your any file
0:57
it can be HTML JavaScript there will be
1:00
this option added here if you see show
1:04
preview so once you click this button it
1:07
will show you the live preview of the
1:09
application you can make any sort of
1:11
changes here let's suppose I say
1:14
so once you make the changes
1:16
automatically it will start HTTP
1:18
localhost server which are running on uh
1:20
http localhost 2200/index
1:24
html. You can make any sort of changes.
1:26
You can write your JavaScript file as
1:28
well.
1:31
So once you refresh it, you will see it
1:34
also have options to open development
1:38
tools as well. So this will also open
1:40
the browser
1:42
dev tools as well. So you can see that
1:57
So this is the extension. Definitely
1:59
install this.
2:01
It will show you the live preview
2:04
on a NodeJS http localhost server. It
2:07
will start this.
2:10
So also check out my website
2:12
freemediatools.com
2:13
uh which contains thousands
#Software
#Scripting Languages