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

Рет қаралды 46,771

Күн бұрын

Sign Up 👻👻👉 semicolon.dev/KZfaq
(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
00:59 How to open settings.json file
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)

Пікірлер: 48

@ghosttogether Жыл бұрын

If this is helping, please Like and Comment 🙂 This helps YT algorithm show tutorials to more people!

@zeyuxie9589 Жыл бұрын

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

@user-wo5hn8nt5y Жыл бұрын

Thank you so much for step by step tutorial!

@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! 🙌

@ghosttogether Жыл бұрын

You're welcome! Just trying to help as many people as I can haha

@jaysha5226 Жыл бұрын

Thank you for the straightforward solution!

@lucianamantz2968 3 ай бұрын

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

@Vinitkumarbhandari6702 11 ай бұрын

It really helps Thanks dude❤

@nitindinodia 2 ай бұрын

It worked, Thanks man

@nicogege 4 ай бұрын

This video is extremely helpful👍

@kiloAlpha9 10 ай бұрын

You are the man! 👍

@l4te4oot91 Жыл бұрын

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

@ghosttogether Жыл бұрын

welcome glad to be of service

@Tyneo4231 27 күн бұрын

very efficient video, thankyou.

@kartikchauhan739 9 ай бұрын

Good video buddy thanx ❤

@4llanrod 5 ай бұрын

THANK YOU!

@21natix Жыл бұрын

Thank you!

@hamidabdallah1088 Ай бұрын

Vous êtes le meilleur 🙂‍↕️🎉

@user-xp7se5pd4x 5 ай бұрын

Thanks dude

@NellyVilleOwusu 10 ай бұрын

thank you very much

@raihanamxad347 5 ай бұрын

Thanks😍

@beladrawings2 4 ай бұрын

OMG THANK YOUUUU

@user-mp5kt6zj1n Жыл бұрын

you deserve more than thanks anyway thank you for help🙏

@ghosttogether Жыл бұрын

Just trying to help

@youssefhas1005 5 ай бұрын

THANK U

@MadScientist_01 Жыл бұрын

awesome

@kailasdamdhade7084 26 күн бұрын

This video nice 🙂

@ashutoshmanjusha Жыл бұрын

Perfecto!!

@adithyavishnu2777 Ай бұрын

Thank you so muchhhhhhhhhhhhhhhh

@glebvoinykov5224 Жыл бұрын

Thanks man, your video is priceless

@ghosttogether Жыл бұрын

Glad it helped

@darqed 9 ай бұрын

Thanks

@Fallluv27 Жыл бұрын

Thank u sooooo much 😢💗

@ghosttogether Жыл бұрын

welcome 🌿🌙✨

@phamchien1405 10 ай бұрын

thank u

@minimalinput6456 Жыл бұрын

thanks

@ghosttogether Жыл бұрын

welcome :)

@sfranz5413 Жыл бұрын

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?

@ghosttogether Жыл бұрын

At this point I don't remember because I make so many tutorials haha, but I do suspect that what you're saying actually might be correct. I think I simply hovered the window on top of the screen myself and edited that part. On Windows tho, it opens automatically on launch.

@user-lo8nv6lg4l 5 ай бұрын

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

@byjacobc1880 9 ай бұрын

it seys listing directory and shows only file. pls help

@rappelz-ln7od Жыл бұрын

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.

@yuragmarivientalexia1779 10 ай бұрын

same here :(