How to Run HTML File in Visual Studio Code Live Server

hello everyone in this tutorial I'm going to show you how you can open htlpoject or any project using visual studio code live server so this is really simple so first of all here you can see a icon here so you need to click on this icon or you can also click Control Plus shift plus X to click on this so we'll just directly click on this and then here you can see such options so in this search option we are going to search for live server and the first one here you can see live server is sitting here so we'll just click on it and then you will see something like this so here you can see the install button just click on install and it will take like a few second to install and after installing this you can just close it okay so here I already have a Asian project open over here so first of all here we need to go to this view option so here you can see the view option just click on The View option then here you can see comment platy just click on command plan okay and then it will open something like this so here just search for live server and here you can see open with light server here you can see uh you can press org plus o to open the light server and in order to stop the live server you need to press alt plus l so we just click over here open with live server if you click on it and there you go the HTM project opening live server so how can we understand it open with live server so here you can see we have big and this over here this and this means we have our external project running on live server so let me just uh make some changes over here so whenever we make changes in the visual studio code and save the file it will automatically update the changes over here so for example here you can see the emails so let's just remove the image from here and we'll save it Ctrl s and there you go the image automatically remove from here as well so if you now again just keep the image source here in the code then save it here you can see it refreshed and the images back over here so it means wherever to run our HTML file in the visual studio live server successfully so I hope this tutorial is useful to you if you like this video make sure to subscribe I really appreciate that and you are probably seeing two more videos on the skin if you are interested you can check them out thanks and for watching I hope to see you in the future tutorials

Channel: Web Tech Knowledge

Views: 9,538

Keywords: visual studio code, visual studio code live server, how to run html on live server in visual studio code., how to install live server in visual studio code, how to run html on live server in vscode, live server for visual studio code, live server visual studio code not working, live server extension in visual studio code, how to set up auto refresh in visual studio code, live server visual studio code, live server, how to use live server in visual studio code

Id: lUhY-2vD64I

Length: 2min 31sec (151 seconds)

Published: Sat Sep 02 2023