Get live HTML Preview in VS Code (Live Server Tutorial)

Want this useful live server extension on your Visual Studio Code? here you Go!

If you want more tutorials about web development and web design that include HTML, CSS, JavaScript, Bootstrap, Login Forms, Registration Forms, Responsive Websites, Animations, Hover Effects and more web design stuff then don't forget to subscribe to Soap Js and Thanks for watching this video.

Hash Tags
#HTML #CSS #JavaScript #WebDevelopment #WebDesign #Bootstrap #Jquerry #Web #VsCode #Live Server

IGNORE THIS
Get live server,vs code,visual studio code,live prevew,html live preview,tutorial,how to get live html preview,atom,code editors,html,css,javascript,bootstrap,web developement,html website,css website,programming,visual studio,extensions,how to

[Soap_js]

It only Refreshes once you save your html file

[rupchowdhury]

Thanks a lot. My problem is solved.

Also adding, if you turn on the auto save option and give it a short time, then it will automatically update in the preview.

[xgluftx]

I did by this video.May Allah make this coding journey easy for me.

[keerthivasan]

bro how to use two tabs simultaneuosly in windows
In my laptop one minimized tab closes automatically when i click on other

[jamesblankenship]

For all those struggling to figure out how to have two tabs open at once;

You need to open your web preview, then right click the tab and select the split up/down/left/right. This will allow you to split up your workspace and have as many tabs as you want open at once.

Cheers. 🎉

[peter-jb]

so simple and direct to the point, thanks dude :D

[jaderymer]

This was extremely helpful. Thanks a bunch!

[guruprakash]

I am not getting browser window side by side of vs code rather its opening separately so how can i see both at a time?

[didlycantsnipe]

Pls help it shows "Command 'Live Server: Change Live Server workspace' resulted in an error (Cannot read properties of undefined (reading 'map')"

[Dkny]

extremely valuable, saved me a lot of time and frustration! thank you!!!

[okipullup]

I can't take it live!!!! How do i fix it? A fter I installed live server, I couldn't take it live. It says nothing! Is there anything that I can do for it?

[alicia]

Thank you so much!!! I spend 2 hours thinking I code something wrong!

[parshva]

when i select open with live preview
it redirects to browser and shows me the file what should i do

[amibr]

Thanks a lot, I was trying to figure out how to enable the auto reload for days

[snow]

Thank youuuu I was struggling new subscriber 😊

[k_thee_man]

Greetings.Can you please help I have downloaded the live preview but it doesn't show up when I right click it only says Show preview
Not Show preview: Live preview

[femed]

thank you, for the short video, lifesaver

[mshmood]

thx bro love you so much thx my bro ❤❤

[thermon]

Can't get it to work. For me it says "Server is Started at port : 5500" and doesn't open any preview. Tried in safari and Google Chrome too

[nashaeshantell]

Mines isn’t syncing. Example the browser pops up.. say I type <b>extremely excited</b>, it’ll pop up in the browser the exact same way with the brackets instead of the words being bolded. Any suggestions anyone?