How To Run HTML In VSCode On Localhost (Run HTML In Visual Studio Code With LiveServer)

Published: 09 June 2024
on channel: Ghost Together
1,615
11

In this tutorial we'll go over the steps required to run HTML in VSCode (visual studio code) via chrome, firefox or safari on local host. VS Code has an extension called liveserver (live server) that will allow you to run your HTML code as an app, from localhost address, instead of just opening html file in browser.

Relevant keywords: run html in vscode,run html in vs code,run html in visual studio,how to run html in vscode,how to run html in visual studio code,vscode run html,vs code run html,vscode liveserver,how to use vscode liveserver extension,vscode live server,how to run html on localhost in vscode,how to run html on localhost in visual studio code

Timestamps:
00:00 how to run html in vscode
00:11 install vscode liveserver extension
00:17 how to access liveserver settings
00:28 how to open settings.json file in vscode
00:52 liveserver settings advancecustombrowsercmdline chrome firefox safari
01:02 how to open project in vscode
01:22 creating html file to run in vscode
01:38 open html file with liveserver in visual studio code
02:00 hot reload in vscode when running an html file (vs code hot reload)


Watch video How To Run HTML In VSCode On Localhost (Run HTML In Visual Studio Code With LiveServer) online without registration, duration hours minute second in high quality. This video was added by user Ghost Together 09 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,615 once and liked it 11 people.