Назад к блогу

Как настроить Xdebug с DDEV в VSCode за 4 шага

2023-08-142 мин чтения

Как настроить Xdebug с DDEV в VSCode: Всего за четыре простых шага улучшите свой опыт кодирования и отладки в этом популярном редакторе, как подробно описано в этой статье.

Xdebug — это инструмент отладки и профилирования для PHP. Он предлагает трассировки стека, проверку переменных и точки останова, а также покрытие кода и профилирование производительности для оптимизации PHP-приложений.

Отладка — это процесс выявления, диагностики и исправления ошибок или багов в программном обеспечении. Эти ошибки могут быть в виде некорректного кода, логических ошибок или нежелательного поведения, которое мешает программному обеспечению функционировать должным образом.

1. Установка необходимых компонентов:

Убедитесь, что у вас установлены следующие инструменты:

2. Настройка DDEV для Xdebug:

DDEV поставляется с предустановленным Xdebug. Вам просто нужно его включить:

  1. Перейдите в каталог вашего проекта DDEV.
  2. Выполните команду:
ddev xdebug on

Чтобы проверить, включен ли Xdebug:

ddev describe

Найдите раздел Xdebug; он должен указывать, что Xdebug включен.

3. Настройка VSCode:

  1. В VSCode нажмите «Run» на панели инструментов вверху.
  2. Нажмите «Open Configuration» (или аналогичную формулировку, в зависимости от вашей версии VSCode).
  3. Добавьте следующую конфигурацию:
{
    "name": "Listen for Xdebug",
    "type": "php",
    "request": "launch",
    "hostname": "0.0.0.0",
    "port": 9003,
    "pathMappings": {
        "/var/www/html": "${workspaceFolder}"
    }
}

Убедитесь, что эта конфигурация сохранена в файле launch.json в папке .vscode вашего проекта.

xdebug configuration in vscode
Конфигурация vscode

4. Начните отладку:

  1. Установите точки останова в вашем PHP-коде.
  2. В VSCode нажмите «Run» на панели инструментов вверху, а затем нажмите «Start Debugging».
  3. Инициируйте действие в вашем веб-приложении, которое вызывает точку останова.
Start debugging vscode and xdebug

VSCode теперь должен перехватить точку останова, позволяя вам проверять переменные, пошагово выполнять код и т. д.

Debugging with vs code and xdebug
Источник: https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug

5. Отключение Xdebug в DDEV (необязательно):

Когда вы закончите отладку, возможно, вы захотите отключить Xdebug в DDEV, чтобы повысить производительность:

ddev xdebug off

Удачной отладки!

Категории: