How to install and use Live Server on Visual Studio Code [2023]

welcome back to my channel in this tutorial you will learn how to install live server extension on Visual Studio code and how to use this extension to launch a development local server with live reload feature for static and dynamic phases so let's get started make sure that you already have installed Visual Studio code on your system open Visual Studio code and then click on view and then click on extensions you can simply open extensions directly click on this extensions button and then search for live server okay now install this extension it may take a while for installing live server extension in Visual Studio code okay live server extension installed successfully let's create a directory anywhere on your computer now open this directory with Visual Studio code and then into this directory create an HTML file in this workspace I am going to name it index dot HTML or HTM okay now create an HTML page okay now save this file and then go to bottom of this editor here you will see go live button click here to start the local server now select the web browser and then allow access here you will see the HTML page content now I am going to edit the HTML content now save this file and then go back to a browser here you will see the live reload feature that's it now I am going to stop this live local server click on this button to close the server now reload like comment and share thank you so much for watching this tutorial

Channel: TechWebDocs

Views: 21,965

Keywords: How to install and use Live Server on Visual Studio Code [2023], Live Server in Visual Studio Code, install and use Live Server, Visual Studio Code Extensions, Get live HTML Preview in VS Code, How To Start Live Server Extension in Visual Studio Code, VS Code, live dynamic page, live html in vscode, vs code, live server, visual studio code, visual studio code live server

Id: 1XwAPLe3kwg

Length: 4min 42sec (282 seconds)

Published: Sun Feb 19 2023