Windows、Laradock、PHPStorm、VSCode、xDebug

LaraMQ發表於2020-10-30
先附上原文連結:Install xDebug
懶得看原文連結可以看這裡:
  1. 編輯 laradock 目錄下 .env 檔案,修改以下兩項

    .
    .
    .
    WORKSPACE_INSTALL_XDEBUG=true
    .
    PHP_FPM_INSTALL_XDEBUG=true
    .
    .
    .
  2. 編輯 laradock/workspace/xdebug.ini 和 laradock/php-fpm/xdebug.ini,具體配置如下

     xdebug.remote_host=docker.for.win.localhost
     xdebug.remote_connect_back=0
     xdebug.remote_port=9009
     xdebug.idekey=PHPSTORM
    
     xdebug.remote_autostart=0
     xdebug.remote_enable=0
     xdebug.cli_color=0
     xdebug.profiler_enable=0
     xdebug.profiler_output_dir="~/xdebug/phpstorm/tmp/profiling"
    
     xdebug.remote_handler=dbgp
     xdebug.remote_mode=req
    
     xdebug.var_display_max_children=-1
     xdebug.var_display_max_data=-1
     xdebug.var_display_max_depth=-1

    需要注意兩個變數

     xdebug.remote_host=docker.for.win.localhost
     xdebug.remote_port=9009

    xdebug.remote_host 如果是 mac 則換成 docker.for.mac.localhost
    xdebug.remote_port 是容器對映宿主機的埠,如果被佔用請自行更換成可用埠
    其他的變數照抄就好

  3. 重新構建映象

    docker-compose build php-fpm workspace
  4. 構建完成後,在 laradock 目錄下開啟終端,使用以下命令驗證 xDebug 是否已安裝成功、啟動、關閉(這裡建議使用 git bash ,我使用 cmd 報錯找不到命令,使用 git bash 就正常執行了)。
    啟動:

     ./php-fpm/xdebug start

    關閉:

     ./php-fpm/xdebug stop

    檢視狀態:

     ./php-fpm/xdebug status

    以上做完後我們就可以開始配置 PHPStorm 或者 VSCode 來 debug 了。

2.1 配置

直接上圖:
Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug
上述做完後驗證一下是否成功:

Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug
至此配置完成,接下來我們測試一下是否可以成功 debug 。

2.2 如何使用

在你的專案程式碼中打上斷點,點選右上角的小電話,執行程式碼,你就可以看到如下圖 debug 介面。

Windows、Laradock、PHPStorm、VSCode、xDebug

3.1 配置

在 VSCode 中搜尋並安裝 xDebug 擴充套件:

Windows、Laradock、PHPStorm、VSCode、xDebug

Windows、Laradock、PHPStorm、VSCode、xDebug
至此配置完成,接下來我們測試一下是否可以成功 debug 。

3.2 如何使用

Windows、Laradock、PHPStorm、VSCode、xDebug

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章