Live Server Extension for Visual Studio Code | Full Tutorial

Are you a web developer who is tired of manually refreshing your browser every time you make a change to your code? If so, then you need to check out the Live Server extension for Visual Studio Code!

Live Server is a free and open-source extension that allows you to preview your web pages and web applications in a live browser window without having to manually reload the page.

In this video, I will show you how to install the Live Server extension, what it is used for, and how to use it. I will also show you how to customize its settings to fit your needs.

If you are a web developer, then you definitely need to check out the Live Server extension for Visual Studio Code! It is a must-have for any web developer who wants to save time and improve their development workflow.

In this video, we will cover:
⌛ (00:00) Introduction
⌛ (00:08) What is Live Server?
⌛ (00:44) Install Live Server
⌛ (01:23) Example of Live Server
⌛ (03:49) Customize Live Server settings

Subscribe to find more videos:
@codingwithestefania

#coding #programming #vscode #learntocode

[codingwithestefania]

👋Hi everyone! In this video, you will learn how to use the Live Server extension for Visual Studio Code. Live Server is a great way to preview your websites without having to manually reload it when you make changes to your files.

[songsofheartz]

Thank you so much for your video, It really helpful in reducing the time to click the reload

[friendsforever]

How to make the 'go live' button appear? I've already installed the extension but it doesn't appear on below portion.

[RohitSharma-slrr]

Thanks buddy ... Now it is CRYSTAL CLEAR ❤

[richardvankesteren]

How to show the live preview inside VSC, so not in the browser?

[gemstarman]

@2.34 you say, "let's make a change and see what that does", at which point the browser moves into a panel on the right hand side within vscode editor. Please explain what you did to make that happen? Thanks.

[rispepek]

Thanks very much live server me work ❤

[LJ]

This does not work. After I install the extension, and click "Go Live" it asks me to "open a folder or workspace", however, I already have "index.html" open in Visual Studio!

[abdousalem]

Thank you so much for the video! Simple and straight to the point.

[MyloMusica]

It opens an external preview. I can not find the way to open it in visual studio

[sonalijaiswal]

Ma'am error port is 5500 when i go live what should i consider my problem plzzzz

[payelkumbhakar]

How to merge vs code window and browser window?

[Lofi-heart-s]

My live server button is not show on the screen, so what I do for it will showing

[fajrifarid]

hi, why when i click the live server there is no new window open?

[diegocamacho]

It doesnt appear to me when I seach for Live Server

[promixdj]

why my brower not reload automatically?

[Four_Kay]

The guy who created only has 500 connections in LinkedIn.

[rastycampo]

i dont understand, you didnt start from the very beginning