Live Server Web Extension

How to install an extension Open in Chrome Web Store

CRX ID

fiegdmejfepffgpnejdinekhfieaogmj

Status

Extension status: Featured
Live on Store

Description from extension meta

Makes your existing server live. This is a browser extension that helps you to live reload feature for dynamic pages

Description from store

Live Server - Makes your existing server live - this is a Web Extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET -- Whatever, it doesn't matter).

This extension is for Live Server (VSCode Extension - required v3.0.0+).

You have to install Live Server extension for vscode in order to use this Add On.

Follow this link to setup : https://github.com/ritwickdey/live-server-web-extension#setup

Note: This is an open source project and it doesn't collect *any* data.

Demo : https://raw.githubusercontent.com/ritwickdey/live-server-web-extension/master/img/screenshots/live-server-web-extension.gif

Latest reviews

Manuel Vertiz 2025-06-12: Terrible, always changes ports randomly and docs are not helpful. What a mess!
Abhilash Abhinandan 2024-08-29: Very useful.
Ibrahim Mohammed 2024-08-11: Very Good And Useful
Arctic Fox 2024-01-23: How to use it???
meysam abbasi 2023-11-29: best
Laura R 2023-08-21: No instructions. Doesn't work. Should work like the Preview extension in VC.
Laura R 2023-08-21: No instructions. Doesn't work. Should work like the Preview extension in VC.
L. Aerin 2023-08-05: I was doing a tutorial where they didn't have this installed (At least not yet) and they just made a php file, a "hello world" echo and refreshed. I was expecting this to reload my page on-save and it didn't work and it had me frustrated because I had the settings right....five-server was working...the addresses in this extension were there.... then I realized that I didn't have the usual skeletal HTML tags in there. As soon as I added those like you would an HTML file, it fired right up. Just mentioning that incase anyone else runs into that. Seems pretty obvious but maybe not if you're down an overthinking rabbit hole.
L. Aerin 2023-08-05: I was doing a tutorial where they didn't have this installed (At least not yet) and they just made a php file, a "hello world" echo and refreshed. I was expecting this to reload my page on-save and it didn't work and it had me frustrated because I had the settings right....five-server was working...the addresses in this extension were there.... then I realized that I didn't have the usual skeletal HTML tags in there. As soon as I added those like you would an HTML file, it fired right up. Just mentioning that incase anyone else runs into that. Seems pretty obvious but maybe not if you're down an overthinking rabbit hole.
Cody Kim 2023-05-02: Best extension ever.
Cody Kim 2023-05-02: Best extension ever.
Go Beyond 2023-03-31: I love it, I would more love it if it is flexible, for example, it doesn't work with "localhost, localhost:5500", thanks for your effort!
Go Beyond 2023-03-31: I love it, I would more love it if it is flexible, for example, it doesn't work with "localhost, localhost:5500", thanks for your effort!
Erin Lubiansky 2023-01-27: Exactly what I was looking for. I already had my own server running (WP Local) and while that has an addon for reloading, it only monitors CSS files. I'm using the Tailwind framework so I needed something to monitor PHP files as well. I tried several other extensions and this is the only one that worked (and works so fast too!)
Erin Lubiansky 2023-01-27: Exactly what I was looking for. I already had my own server running (WP Local) and while that has an addon for reloading, it only monitors CSS files. I'm using the Tailwind framework so I needed something to monitor PHP files as well. I tried several other extensions and this is the only one that worked (and works so fast too!)
Wilson Rosa Gomes 2022-10-20: Perfeito, trabalho com ASP CLASSIC e ficar atualizando o navegador fica chato toda hora, com esta extensão tudo ficou top. Parabéns ao desenvolvedor.
Peter Stavrou 2022-10-15: Excellent! I use this for Django and works great!
Peter Stavrou 2022-10-15: Excellent! I use this for Django and works great!
Xolelani Terrence Mdima 2022-08-15: Does not work with index.php as root file. It only displays the directory and when the file is selected it downloads rather than display.
Xolelani Terrence Mdima 2022-08-15: Does not work with index.php as root file. It only displays the directory and when the file is selected it downloads rather than display.
Ziu Chen 2022-07-02: 很棒，这就是我想要的拓展！ Great, this is what I want !
ashen madusanka 2021-11-29: working
ashen madusanka 2021-11-29: working
chayan mitra 2021-10-13: Great extension!
chayan mitra 2021-10-13: Great extension!
Aly 2021-09-15: not working
Alisa Sanchez 2021-09-15: not working
Kevin Reynaud Fuentes 2021-07-25: Muy buena extensión para no tener que recargar la pagina manualmente cuando se trabaja con php. Para usarla pones la direccion local host de xampp en el primera casilla y para la segunda casilla debes tener instalado VSCode y la extensión live server de este, le das crtl+p y escribes >live Server: Open With Live Server das enter y te abrirá una pestaña de navegador con una dirección la cual debes poner en la segunda casilla, das apply y ya debería funcionar. Aquí un tutorial: https://www.youtube.com/watch?v=54wcX1G2GH8
Ing. Cătălin-Dorian Ionescu 2021-02-05: For those that VS Code extension does not work, install this too. It worked for me.
Ing. Cătălin-Dorian Ionescu 2021-02-05: For those that VS Code extension does not work, install this too. It worked for me.
Zihad Hosan 2021-01-14: Just awesome! Thank you :)
Zihad Hosan 2021-01-14: Just awesome! Thank you :)
Paul Ram (Paulram) 2021-01-10: Well, here is something that may help some people who are struggling setting up this extension. 1. Install live server extension on VS Code 2. Install browser extension 3. Install PHP server if needed and make sure it's running before going to next steps 4. Open VS Code and then click on Go Live at the bottom of VS Code 5. Once you clicked on go live, it will open a new tab on your browser. Now copy the address showing in your browser address bar. It will be something like this (http://127.0.0.1:3000/), this address may vary, depend on your settings. Okay, now click on the browser extension and add this whole address (including HTTP) under the Liver Server Address on browser extension. Also, make sure you have the correct folder path to your project under the Actual Server Address on browser extension, before saving the settings in browser extension. 6. Now restart your browser, VS Code, open the file in VS Code to edit before hitting the Go Live button, and then click on Go Live at the bottom of VS Code 7. The page it will open, it will not be the correct page so, now type in your local server address (path to the project folder such as... http://localhost/myproject/) manually and type the file name at the end such as http://localhost/myproject/index.php or which ever file you want to edit. Then hit enter, and it will open the file and now when you update your file in VS Code, it will update live in your browser too. I know, we should not have to enter the file manually and would be nice VS Code should open it automatically but, it's still better than refreshing the page all the time. By the way if someone else has any better info then please share with all of us and make the life easier. Also, thanks to this extension developer who has come up with this great idea!
Paul Ram (Paulram) 2021-01-10: Well, here is something that may help some people who are struggling setting up this extension. 1. Install live server extension on VS Code 2. Install browser extension 3. Install PHP server if needed and make sure it's running before going to next steps 4. Open VS Code and then click on Go Live at the bottom of VS Code 5. Once you clicked on go live, it will open a new tab on your browser. Now copy the address showing in your browser address bar. It will be something like this (http://127.0.0.1:3000/), this address may vary, depend on your settings. Okay, now click on the browser extension and add this whole address (including HTTP) under the Liver Server Address on browser extension. Also, make sure you have the correct folder path to your project under the Actual Server Address on browser extension, before saving the settings in browser extension. 6. Now restart your browser, VS Code, open the file in VS Code to edit before hitting the Go Live button, and then click on Go Live at the bottom of VS Code 7. The page it will open, it will not be the correct page so, now type in your local server address (path to the project folder such as... http://localhost/myproject/) manually and type the file name at the end such as http://localhost/myproject/index.php or which ever file you want to edit. Then hit enter, and it will open the file and now when you update your file in VS Code, it will update live in your browser too. I know, we should not have to enter the file manually and would be nice VS Code should open it automatically but, it's still better than refreshing the page all the time. By the way if someone else has any better info then please share with all of us and make the life easier. Also, thanks to this extension developer who has come up with this great idea!
Akachi 2020-11-14: bro whoever you are your awesome. it's good that you have gotten recognized by most html coders out there thank you. Your a legend to me and the rest of the code community. five stars!
Akachi 2020-11-14: bro whoever you are your awesome. it's good that you have gotten recognized by most html coders out there thank you. Your a legend to me and the rest of the code community. five stars!
Alif Irhas 2020-10-22: Very good extension, you didn't even update it and it's still great. thank you for your work, this will really help me.
Alif Irhas 2020-10-22: Very good extension, you didn't even update it and it's still great. thank you for your work, this will really help me.
Esta 2020-08-04: Работает отлично.
Dorian Zapała 2020-03-15: Give another icon when 'live reload' is off, please
Dorian Zapała 2020-03-15: Give another icon when 'live reload' is off, please
Josh Magee 2019-11-15: CSS not updating in Chrome 78.0.3904.97 on Mac. Any suggested ideas/fixes?
Josh Magee 2019-11-15: CSS not updating in Chrome 78.0.3904.97 on Mac. Any suggested ideas/fixes?
Rey C 2019-11-12: Awesome, works like a charm.
Rey 2019-11-12: Awesome, works like a charm.
Saeideh Mardan 2019-09-25: It doesn't work with php frameworks like laravel :( I tried people's suggestions and fixes but still no way to get it to live update my page. It goes to an infinite loop and you have to uncheck the live reload, then check it back again. It also prevents the page to navigate to another one. So strange.
Saeideh Mardan 2019-09-25: It doesn't work with php frameworks like laravel :( I tried people's suggestions and fixes but still no way to get it to live update my page. It goes to an infinite loop and you have to uncheck the live reload, then check it back again. It also prevents the page to navigate to another one. So strange.
Venkataramana E 2019-08-11: Working for me!
Venkataramana E 2019-08-11: Working for me!
Jason Verbenec 2019-07-09: It was working until the update now it doesn't work at all.

Extension Actions