Configurar Xdebug con DDEV en VSCode

Guías básicas

Antes de comenzar debemos asegurarnos de tener instalados:

• Ddev
• Visual Studio Code
• Agregada la extensión PHP Debug a nuestro VSCode

Configurar DDEV para Xdebug

1. Navegamos hasta el directorio de nuestro proyecto de DDEV.
2. Ejecutamos el comando:

ddev xdebug on

Configurar VSCode

1. En VSCode, hacemos click en Run en la barra de herramientas en la parte superior.
2. Hacemos click en Open configurations.
3. Agregamos la siguiente configuración:

        {
            "name": "Listen for Xdebug",
            "type": "php",
            "request": "launch",
            "hostname": "0.0.0.0",
            "port": 9003,
            "pathMappings": {
                "/var/www/html": "${workspaceFolder}"
            }
        }

Una vez realizado comprobamos que en la raíz de nuestro proyecto tenemos la carpeta .vscode con el fichero launch.json

Iniciar la depuración:

1. Colocamos puntos de interrupción en nuestro código PHP.
   Botón derecho Add inline Breakpoint
2. En VSCode, Desplegamos el menú Run en la barra de herramientas de la parte superior y luego hacemos click en Start Debugging.
3. Lanzamos la aplicación.