Live Server Web Extension Live Server Web Extension

Developer Tools
Version: 1.4.0
Last Update: 2021-05-02

User Reviews


avatar ashen madusanka
2021-11-29

working

avatar chayan mitra
2021-10-13

Great extension!

avatar kamado
2021-09-15

not working

avatar 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

avatar 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.

avatar Zihad Hosan
2021-01-14

Just awesome! Thank you :)

avatar Paul Ramura
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!

avatar 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!

avatar 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.

avatar Esta
2020-08-04

Работает отлично.

Related Extensions