以XAMPP+VSCode+XDebug 建構 PHP 網頁開發環境

一、參考資料 : https://dotblogs.com.tw/ianchiu28/2017/06/15/180900

二、實作紀錄


1. 安裝 XAMPP :
  1.1 下載 : https://www.apachefriends.org/zh_tw/download.html

  1.2  安裝:
   

2. 安裝 VS Code :

  2.1 下載 :  https://code.visualstudio.com/download

 2.2 安裝 

      

3. 於 VSCode 安裝 XDebug

  3.1 啟動 XAMPP 

  3.2 開啟 VSCode

     3.2.1 安裝 Debug

•     XDebug installation wizard => OPEN=>  https://xdebug.org/wizard.php

在這個頁面按全選 ( Ctrl + A )，然後按複製 ( Ctrl + C )，然後貼到 XDebug installation wizard

    

然後直接按下 "Analyse my phpinfo() output"，它就會告訴你要安裝什麼

------------------------------------------------

摘要

• 已安裝Xdebug：否

• 服務器API： Apache 2.0處理程序

• Windows：是-編譯器：MS VC 15-體系結構：x64

• Zend服務器：否

• PHP版本： 7.4.5

• Zend API編號： 320190902

• PHP API編號： 20190902

• 調試版本：否

• 線程安全構建：是

• 已加載OPcache：否

• 配置文件路徑： C：\ WINDOWS

• 配置文件： D：\ xampp \ php \ php.ini

• 擴展目錄： D：\ xampp \ php \ ext

使用說明

1. 下載php_xdebug-2.9.5-7.4-vc15-x86_64.dll

1. 將下載的文件移到D：\ xampp \ php \ ext

1. 編輯D:\xampp\php\php.ini 並添加行

1. zend_extension = D:\xampp\php\ext\php_xdebug-2.9.5-7.4-vc15-x86_64.dll

1. 重新啟動網絡服務器

------------------------------------------------

再來修改 php.ini 檔案，整個檔案的最下面加上這段文字：

; XDebugzend_extension = D:\xampp\php\ext\php_xdebug-2.5.4-5.6-vc11.dll

[XDebug]xdebug.remote_enable = 1xdebug.remote_autostart = 1

4.  VSCode 設定

把  "php.validate.executablePath" 給予 php.exe 這檔案的所在位置，以筆者的 xampp 預設為例 ，就是 "D:/xampp/php/php.exe"

4.  VSCode 開始第一次 Debug

5. VSCode => Debug