Instalar y Cofigurar Xdebug en XAMPP y Visual Studio Code

Descargar Xdebug para el servidor

Primero necesitamos obtener información generada por phpinfo(); Cabe aclarar que mi instalación de XAMPP se encuentra ubicada en C:\XAMPP y se entiende que es mi ruta de instalación.

Ya con la información de phpinfo(), la copiamos en la página del aistente de Xdebug https://xdebug.org/wizard donde nos recomienda la mejor versión de la extensión de PHP para nuestra instalación.

 

Instalación y configuración de Xdebug en el servidor

El archivo DLL que descargamos, lo copiamos a C:\xampp\php\ext\ y lo renombramos a php_xdebug.dll en caso de ser necesario.

Se  agregan las siguientes líneas al final de C:\xampp\php\php.ini

[XDEBUG]
zend_extension = xdebug
xdebug.mode = debug
xdebug.start_with_request = yes

Después de guardar los cambios, necesitamos reiniciar el servicio de Apache.

Para verificar si Xdebug está cargado al ejecutar PHP se puede utilizar el comando php -v ; Debe de aparecer "with Xdebug ..." al final.

php -v

VSCode

Para abrir la configuración nos vamos a Archivo > Preferencias >  Configuración... 

 

Buscamos PHP Debug y luego damos click en editar settings.json 

 

Finalmente, agregamos las siguientes líneas:

"php.executablePath": "C:\\xampp\\php\\php.exe",
"php.debug.executablePath":"C:\\xampp\\php\\php.exe",
"php.validate.executablePath": "C:\\xampp\\php\\php.exe",
"php.suggest.basic": false