Files needed to configure xdebug to work with VSCode, WSL2, and Docker

.bashrc

# This can be any init/rc style file, or you can execute it manually
export IP=$(hostname -I)

docker-compose.yml

version: '3.8'
services:
  web:
    build: .docker/web
    volumes:
      - .:/var/www/html
    ports:
      - 80:80
    extra_hosts: 
      - "docker.host:${IP}"

dockerfile

FROM php:7.4-apache

# This image makes use of php-extension-installer in order to simplify the installation of multiple extensions
ADD https://raw.githubusercontent.com/mlocati/docker-php-extension-installer/master/install-php-extensions /usr/local/bin/

RUN chmod uga+x /usr/local/bin/install-php-extensions && sync && \
    install-php-extensions calendar exif ffi gd gettext pcntl pdo_pgsql pgsql shmop sockets sysvmsg sysvsem sysvshm xsl xdebug
    
COPY remote-php-debug.ini $PHP_INI_DIR/conf.d/remote-php-debug.ini

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000,
            "pathMappings": {"/var/www/html": "${workspaceRoot}"}
        },
    ]
}

php-debug-ext.ini

xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_connect_back = 0
xdebug.remote_host = docker.host
xdebug.remote_port = 9000
xdebug.idekey = VSCODE