Cómo Configurar Visual Studio Code para refrescar páginas PHP

¿Frustrado porque tu página PHP no se actualiza automáticamente en Visual Studio Code? En esta guía te explico cómo configurar Visual Studio Code para refrescar páginas PHP usando Live Server, para que tus cambios se autoactualicen en tiempo real.

¿Por qué Live Server no funciona con PHP?

Cuando programamos páginas HTML en Visual Studio Code, la extensión Live Server se encarga de refrescar los cambios automáticamente. Esto lo logra añadiendo un código al final del archivo HTML. Sin embargo, al trabajar con PHP, esto deja de funcionar, ya que el procesamiento del código depende de un servidor.

Aquí te explico cómo solucionarlo fácilmente.

Partimos de que tenemos Visual Studio Code instalado y funcionando correctamente.

Extensiones necesarias para autoactualizar PHP en Visual Studio Code

Instalar Live Server

Abre Visual Studio Code
Ve al icono de extensiones en la barra de la izquierda
Busca «Live Server» del autor Ritwick Dey e instalala.

Imagen de la extension Live Server en Visual Studio Code

Instalar PHP SERVER

Busca «PHP Server» del autor brapifra e instalala.

Imagen de la extion PHP Server en Visual Studio Code

Configuración paso a paso para refrescar automáticamente PHP

Haz clic derecho sobre tu archivo PHP y selecciona PHP Server: Open file in browser. Esto abrirá tu página en el navegador, pero los cambios no se refrescarán automáticamente.

Click derecho sobre un archivo PHP, una vez instalada la extenion PHP Server

Instala la extensión Live Server Web Extension del autor Ritwick Deyen desde en la Chrome Web Store en tu navegador Chrome. Configura la extensión desde el icono en la barra de herramientas según las indicaciones.

Panel de configuracion de la extension Live Server en Chrome.

Ahora, vuelve a tu archivo PHP en Visual Studio Code y selecciona PHP Server: Open file in browser.

Haz un cambio en el archivo y guarda. Notarás que el navegador se actualiza automáticamente.

¿Qué hace esta configuración?

La extensión Live Server redirige tu archivo PHP a través de un servidor local. Esto permite que la página se recargue automáticamente cada vez que detecta un cambio en el archivo.

Conclusión

Configurar Visual Studio Code para autoactualizar páginas PHP no es complicado, y estas extensiones te facilitarán el desarrollo. Si esta guía te ha resultado útil, ¡compártela con otros desarrolladores! También puedes dejar tus dudas o sugerencias en los comentarios.