How to Run HTML in VSCode (Visual Studio Code) in Chrome on Windows 10 | Live Server | Best IDE 2023

In this tutorial I'll show you how to run html in vscode. To run HTML in visual studio code you have several options, using liveserver extension (live server for running html) which will run your HTML from localhost like a real web development server, or opening an HTML file directly in browser (not recommended). HTML Live Server not working? This tutorial is for you!

Setup HTML and CSS in vscode, How to install HTML and CSS in vs code

HTML Tutorial Chapters:
0:00 How to install setup and run HTML in VSCode with LiveServer plugin
0:13 Live Server localhost
0:30 Installing VSCode Live Server Extension
1:32 Creating a blank HTML VSCode project folder
1:52 Creating HTML file to run
2:08 Running HTML in VSCode Live Server Extension

[dxpio]

This helped tremendously! Been watching the coding train for so long now and I wanted to code like he does but couldn't figure out how he codes in vscode and then runs it in his browser, this fixed all of that, thank you!

[theafroveggie]

Thank you for taking the time to explain. As a beginner, I appreciate not having to rewind and pause every step.

[vaniad]

Thank you for the great tutorial Semicolon D D, this is exactly what I needed - in such great detail, most just skip something so important. 🛠

[kstephens]

so pissed but happy, learned something similar a long time ago, but been struggling to recall. This works so simple and fast

[shadsuddle]

Immensely benefitted from the excellent quality and ease of presentation of linkage between the HTML and the VS Code. ss

[tamasfilkor]

Thank You so Much for your video. I'm a total newbie and my Chrome doesn't work. After 6 hours of looking for the solution, you were the only one, who gave the right answer to see my coding in Opera.
Once again, I'm really thankful.

[definitelynottsok]

thanks for the awesome tutorial! it works!

[glitzburg_plays]

You just got a new subscriber thanks man

[robine]

This saved me so much trouble!! Thanks

[heritageafolabi]

This method really helped me and solved the issue for me seamlessly

[morganalori]

Thank you. Clear and to the point. Thanks for making my day a bit easier

[tanvimahajan]

Thank you! Was stuck on it for hours!!

[Tejas_]

hey, Whenever I try to run html file it says---- "Language support for java is required. Please install and enable it."
but I had not even made any java file before or making...

[Jagdishbondre-zhcs]

I am using linux virtul machin when i click on open with live Server its saying the server is started on :5500 port. how should i run this to browser??

[carlosandresouza]

Thank youuuu! I was going crazy thinking my project wasn't being saved.

[stephenfwadsworth]

Like your approach. Are getting a runtime error, saying the feature depreciated though. Does Chrome, have to be in developer mode. I see also there are commands for Chrome now in Vs Code (I still prefer Visual Studio over VS code for this very reason, but a newbie, so a lot to understand about the tool yet.)

[Seftube]

Its not working for me! Whenever I go to the open settings part, it shows me code saying workbench, dark+ or something. Please help!

[majarodamilola]

thanks a lot, This was really helpful

[elegantfeet]

What if I want it to run on LocalHost 3000 for API fetching? SOmetimes I get localhost and sometimes I get 127.0

[cesaryasus]

It takes up too much space on the screen, I would like to work on a larger browser, how can I jump from visual studio code to the external browser with shortcut?