How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (2024)

Improve

Generally, when we make any change in our code, to see those changes on the browser we need to manually refresh the page to see the changes happening. Here the live server extension comes into the picture. After it has been installed, an automated localhost will be able to run in your browser, which you can start with a single button. Once you make changes in your code or write something new, after saving it, the browser will auto-refresh itself, then you will be able to see the changes quickly and automatically. The live server enables you to open an HTML document, and it runs a server for you and opens a browser window with the file in it.

Steps for Installing and Enabling Live Server on Visual Studio Code

Step 1: Click on the extensions option available on the left side in Visual Studio Code.

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (1)

Step 2: Search Live Server in the search box and install it.

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (2)

Step 3: The live server extension has been installed.

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (3)

Step 4: Click on Go live present at the bottom.

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (4)

Step 5: The default browser will get opened automatically once you click on the go live.

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (5)

This is how you can turn on the live server mode on Visual Studio Code.


Last Updated : 14 Dec, 2022

Like Article

Save Article

Share your thoughts in the comments

Please Login to comment...

How to Enable Live Server on Visual Studio Code? - GeeksforGeeks (2024)
Top Articles
Latest Posts
Article information

Author: Dean Jakubowski Ret

Last Updated:

Views: 6308

Rating: 5 / 5 (70 voted)

Reviews: 93% of readers found this page helpful

Author information

Name: Dean Jakubowski Ret

Birthday: 1996-05-10

Address: Apt. 425 4346 Santiago Islands, Shariside, AK 38830-1874

Phone: +96313309894162

Job: Legacy Sales Designer

Hobby: Baseball, Wood carving, Candle making, Jigsaw puzzles, Lacemaking, Parkour, Drawing

Introduction: My name is Dean Jakubowski Ret, I am a enthusiastic, friendly, homely, handsome, zealous, brainy, elegant person who loves writing and wants to share my knowledge and understanding with you.