How to Run HTML in VSCode on a Mac (Localhost) Visual Studio Code Live Server / Macbook Pro / Air

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

🙂 In this tutorial I'm going to show you how to run html in vs code on mac #vscode #html #visualstudiocode #howto #coding #webdevelopment #webdev #macosx #mac #macosx #webdeveloper

00:00 How to run HTML file in vscode on Mac
00:15 How to run Live Server in vscode
00:34 Go to extensions in vs code
00:40 Type Live Server, find the extension, and install it
00:53 Go to Live Server settings button and click Extension Settings
01:03 How to make Live Server run HTML file in Chrome, Firefox or Safari
01:50 How to start a new HTML project in VS Code (create new folder, open folder)
02:30 Run your HTML file by clicking Go Live button in lower right corner
02:36 Click on HTML file you want to run and select Open with Live Server
02:53 Make Live Refresh work (refresh browser automatically after saving html file)

[ghosttogether]

If this is helping, please Like and Comment 🙂

This helps YT algorithm show tutorials to more people!

[zeyuxie]

This video really helps! I have suffered from dealing with live server for an afternoon before watching it. Thanks a lot!

[kmaugustin]

Thank you for this video!
I'm a complete beginner in coding and was having a hard time trying to make my HTML run on a Mac. Such a simple solution! 🙌

[wohnnty]

Thank you so much for step by step tutorial!

[jaysha]

Thank you for the straightforward solution!

[lteoot]

Awesome video for a newbie trying to get settled on an IDE for HTML..ty sir!

[lucianamantz]

I love you with all my heart! Thank you :D

[lonvlgl]

hii, i cant type on my .html file, can anyone tell me why ? i can code my c++ and other language in vsc but html just shows the preview instead

[mpktzjn]

you deserve more than thanks anyway thank you for help🙏

[byjacobc]

it seys listing directory and shows only file. pls help

[rappelz-lnod]

For me this isnt working. When i wanna change the Browser i get the Code markes red with an error. And if i want to runt the html File i only get download links for the files for some reason and its not displaying what the code should mean.

[sfranz]

Good video! I found your video because I'm trying to troubleshoot my VS code live server. It seems to launch just fine, but won't automatically open the browser window. If I launch my browser and navigate to local host manually, then I can confirm it works fine. The missing puzzle piece is launching the browser from VS Code. I suspect this may be a problem with permissions in macOS. Did you encounter a similar problem when you made this video?

[mahivarshini]

sir please help . its still not working

[MsCellobass]

mine opens entire on browser and when click on present file it DOES NOTHING. you are going too fast.

[arghyaprotimhalder]

IT was working fibe for last 3 yrs now it got a problem