devilbox/docs/intermediate/configure-php-xdebug/windows/vscode.rst

orphan

Docker on Windows: Xdebug for Visual Studio Code

Docker for Windows requires a well known IP address in order to connect to the host operating system.

Table of Contents

local

Prerequisites

General

Ensure you know how to customize php.ini values for the Devilbox and have a rough understanding about common Xdebug options.

* php_ini * configure_php_xdebug_options

Gather DockerNAT IP address

On Windows you will have to manually retrieve the IP address to which Xdebug should connect to via xdebug.remote_host.

1. Open command line
2. Enter ipconfig
3. Look for the IP4 address in DockerNAT (e.g.: 192.168.246.1)

howto_open_terminal_on_win

Important

192.168.246.1 is meant as an example and will eventually differ on your system. Ensure you substitute it with the correct IP address.

Assumption

For the sake of this example, we will assume the following settings and file system paths:

Directory	Path
Devilbox git directory	/home/cytopia/repo/devilbox
env_httpd_datadir	./data/www
Resulting local project path	/home/cytopia/repo/devilbox/data/www
Selected PHP version	5.6
DockerNAT IP address	192.168.246.1

The Resulting local project path is the path where all projects are stored locally on your host operating system. No matter what this path is, the equivalent remote path (inside the Docker container) is always /shared/httpd.

Important

Remember this, when it comes to path mapping in your IDE/editor configuration.

Configuration

Install vscode-php-debug for VSCode

Ensure you have vscode-php-debug installed for Visual Studio Code.

Configure VSCode

You will need to configure the path mapping in launch.json (VSCode configuration file):

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Xdebug for Project mytest",
            "type": "php",
            "request": "launch",
            "port": 9000,
            "pathMappings": {
                "/shared/httpd/mytest/htdocs": "${workspaceFolder}/htdocs"
            }
        }, {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000
        }
    ]
}

Important

Recall the path settings from the Assumption section and adjust if your configuration differs!

Important

The above example configures Xdebug for a single project mytest. Add more projects as you need.

* https://go.microsoft.com/fwlink/?linkid=830387 * https://github.com/cytopia/devilbox/issues/381

Configure php.ini

Note

The following example show how to configure PHP Xdebug for PHP 5.6:

Create an xdebug.ini file (must end by .ini):

# Navigate to the Devilbox git directory
host> cd path/to/devilbox

# Navigate to PHP 5.6 ini configuration directory
host> cd cfg/php-ini-5.6/

# Create and open debug.ini file
host> vi xdebug.ini

Copy/paste all of the following lines into the above created xdebug.ini file:

; Defaults
xdebug.default_enable=1
xdebug.remote_enable=1
xdebug.remote_port=9000

; The Windows way
xdebug.remote_connect_back=0
xdebug.remote_host=192.168.246.1

; idekey value is specific to Visual Studio Code
xdebug.idekey=VSCODE

; Optional: Set to true to always auto-start xdebug
xdebug.remote_autostart=false

Important

Ensure you have retrieved the correct DockerNAT IP address as stated in the prerequisites section above!

Note

Host os and editor specific settings are highlighted in yellow and are worth googling to get a better understanding of the tools you use and to be more efficient at troubleshooting.

Restart the Devilbox

Restarting the Devilbox is important in order for it to read the new PHP settings. Note that the following example only starts up PHP, HTTPD and Bind.

# Navigate to the Devilbox git directory
host> cd path/to/devilbox

# Stop, remove stopped container and start
host> docker-compose stop
host> docker-compose rm
host> docker-compose up php httpd bind

start_the_devilbox_stop_and_restart (Why do docker-compose rm?)