Setting up xdebug in VS Code with a bedrock installation using local flywheel

I’m trying to set up Xdebug, but I’m missing something. Also couldn’t find any information for this set up. Hopefully, somebody can help me with this. :sweat_smile:

Installed versions:

  • VS Code 1.71.2
  • Local Flywheel (version 6.4.3+6116) with Xdebug + VS Code enabled
  • PHP version 7.4.30
  • Wordpress 6.0.2

folder structure

Local Sites
└── domain
    └── app
        └── public
            ├── .vscode
                └── launch.json
            ├── composer.json
            ├── config
            │   ├── application.php
            │   └── environments
            │       ├── development.php
            │       ├── staging.php
            │       └── production.php
            ├── vendor
            └── web
                ├── app
                │   ├── mu-plugins
                │   ├── plugins
                │   ├── themes
                │   └── uploads
                ├── wp-config.php
                ├── index.php
                └── wp

launch.json

{
	"version": "0.2.0",
	"configurations": [
		{
			"name": "Listen for Xdebug 3.0 (Local)",
			"type": "php",
			"request": "launch",
			"port": 9003,
			"pathMappings": { 
				"/app/web": "${workspaceFolder}", }
			,
			"xdebugSettings": {
				"max_children": 128,
				"max_data": 1024,
				"max_depth": 3,
				"show_hidden": 1
			}
		},
		{
			"name": "Listen for Xdebug (Local)",
			"type": "php",
			"request": "launch",
			"port": 9000,
			"pathMappings": { 
				"/app/public/web": "${workspaceFolder}", 
			},
			"xdebugSettings": {
				"max_children": 128,
				"max_data": 1024,
				"max_depth": 3,
				"show_hidden": 1
			}
		},
		{
			"name": "Launch currently open script",
			"type": "php",
			"request": "launch",
			"program": "${file}",
			"cwd": "${fileDirname}",
			"port": 9000,
			"xdebugSettings": {
				"max_children": 128,
				"max_data": 1024,
				"max_depth": 3,
				"show_hidden": 1
			}
		}
	]
}