VsCode Tutorial: How to use Live Server and view updates right in VsCode without using a web browser

In this tutorial, Dr. Todd Wolfe demonstrates how to use Live Server in VsCode along with how to view your updates directly within VsCode. At the end of this tutorial you will learn how to:

1) Install the Live Server VsCode extension
2) Use the Live Server extension
3) View your changes in Live Server directly in VsCode

[ganeshshingare]

Thanks bro i got what i was looking for.
I was unable to open other files of my code when click on the go live. But now showed how to open different file in another tab just by a click I really appreciate this man

[southpawje]

If you install live preview extension it places a button in your top banner on the right. Click it will open a simple browser in the adjoining pane, right in vs code.

[sanD-xqnb]

Thanks for the information. But I have a question, do Simple Browser also allow to show a popup message like: "alert("Hello");"? I was testing a simple html and javascript but the alert message didn't appear inside Simple Brower. What I should do?

[marksiely]

Thank you very much for this very useful video, I have been trying to load php files from my wampserver but witout success. Do you have or recommend a tutorial video on that?

[neryskkiran]

That's great to know, thank you!

[elsh]

thanku sooo much, this was soo much usefull

[martez_da_real]

You can also drag the tab off the side and see it side by side

[morespinach]

After installing Live Server, and restart VS Code, there's nothing. Go Live does nothing. Right click to see in live server does nothing. My default browser on my Mac is Brave. Any ideas?

[TinyTalksInsights]

If you go to file and click auto save then you don't need to save the file now and then

[kuakerluck]

Can you make a tutorial on how to use the LiveCode extension in VsCode? I just installed it but idk how to use it..

[CyranicalGoated]

Why do I get a 404 error when I open the live server?

[ujjwalrawat]

The thing is, I have to manually refresh the page to see the changes. It doesn't auto referesh/reload. I've tried all troubleshooting methods, even uninstalled and reinstalled everything from scratch. What to do? Please help.

[scrimtellect]

Good day, sir. Whenever I click "Go Live" or using right click and click "Open Live Server", it doesn't automatically open my browser, it's like nothing happened at all. Can you suggest any solution with my problem? I hope you respond. Thanks.

[KRFile]

thx a lot i don't know simple brower function

[dominikknapik]

Can I live preview for python code or is it only for html

[pombo]

i have an error it say this: You've not added any folder in the workspace

[Metallomenos]

Noob question, how do you hit save ο_Ο