異世界


2020年5月11日 星期一

以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



在這個頁面按全選 ( 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