前言

這陣子因緣巧合接手了一個辣雞專案，是用世界上最好的拍黃片寫的，專案基本是另一個小夥伴在擼碼，我就兼職打雜和釋出做點運維的工作。

然後昨天專案上了測試版之後，一用起來Error滿天飛了。讓小夥伴查了很久都沒有頭緒，實在尷尬，只好自己動手了...

作為一個後端狗，雖然知道PHP大體原理和框架，看著專案的業務邏輯也大體知道個所以然，在此之前還是沒擼過程式碼的。

看程式碼基本是Visual Studio Code或者HBuilder工具，本地跑程式碼很白痴的在用phpStudy。

Error出來了，第一反應就是debug咯...然後問了下小夥伴他以前怎麼玩的，答曰：echo。

一口老血都...

查了下谷歌發現，Visual Studio Code + 外掛是完全可以用來除錯PHP的，所以就擼起了。

Visual Studio Code + php-debug外掛 + phpStudy + xdebug

安裝Visual Studio Code

安裝好之後，隨便在一個資料夾內滑鼠“右鍵”，都能看到Open with code，開啟之後如下圖：

安裝Visual Studio Code php-debug外掛

裝好VS Code之後，接下來是安裝一下PHP-Debug外掛了。我們在外掛商城搜尋一下php，排名第二的PHP Debug就是我們要的外掛了。
如下圖：

裝好了之後重啟一下vs code即可。

phpStudy

對於我這種懶人來說，去配置什麼PHP執行環境肯定是不願意的，那麼類似的整合環境有麼？

小夥伴和我說，你下個phpStudy擼就算了，別去倒騰什麼版本了。

然後...

下載好了安裝完了，開啟程式如下圖：

看了下功能，其實這個軟體就是集成了各種版本的PHP，可以方便切換PHP版本；同時自帶一個Apache和MySQL，各種配置管理起來也挺方便的。
（感覺dalao們應該不怎麼會用這麼白痴的東西，233...

裝好之後，啟動一下服務，點選一下phpMyAdmin，看看它開啟的網站是否能登入到本地的MySQL資料庫。

如果可以，說明PHP環境應該是正常的了；如果有問題，請自行谷歌了...

接著切換PHP版本到意向版本，點選一下執行模式旁邊的“切換版本”就可以選擇版本了。

xdebug設定

Xdebug作為PHP除錯工具，提供了豐富的除錯函式，
也可將Xdebug安裝配置為zend studio、editplus除錯PHP的第三方外掛，

通過開啟自動跟蹤(auto_trace)和分析器功能，可以直觀的看到PHP原始碼的效能資料，
以便優化PHP程式碼。

引用自：[PHP除錯工具Xdebug安裝配置教程]
(http://www.cnblogs.com/qiantuwuliang/archive/2011/01/23/1942382.html)

我們可以在xdebug.org（自備梯子）上面下載到PHP各個版本的xdebug dll使用。

不過當我開啟phpStudy的php-ini打算手動開啟debug的時候，非常高興得發現已經phpStudy已自帶了對應版本的xdebug，而且路徑都配好了。

phpStudy的php.ini在“其他選項-開啟配置檔案-php-ini”，如下圖：

把文件拉到最後，看得到xdebug的配置如下：

phpStudy已經幫我們配置好xdebug dll的路徑了，我們只需要手動在zend_extension上面新增遠端除錯和自動啟動配置即可，程式碼如下：

xdebug.remote_enable = 1
xdebug.remote_autostart= 1

完整配置如下：

[XDebug]
;xdebug.profiler_output_dir="C:\phpStudy\tmp\xdebug"
;xdebug.trace_output_dir="C:\phpStudy\tmp\xdebug"
xdebug.remote_enable = 1
xdebug.remote_autostart= 1
;你的PHP版本的php_xdebug.dll，phpStudy自動設定的
zend_extension="C:\phpStudy\php\php-5.5.38\ext\php_xdebug.dll"

儲存檔案，重啟一下phpStudy服務。

Visual Studio Code 設定使用者配置和除錯配置

這個時候，我們隨便在PHP資料夾中開啟vs code，vs code會自動提示我們：Cannot validate since no PHP executable is set. Use the setting 'php.validate.executablePath' to configure the PHP executable.

嗯，沒有設定PHP執行檔案，可以通過設定php.validate.executablePath屬性來配置它。

這個在哪配置呢？在“檔案-首選項-設定”，開啟之後如下圖：

這個php.validate.executablePath對應就是當前phpStudy中執行的php.exe的路徑，可以在phpStudy-其他選項選單-開啟檔案位置-PHP中找到此路徑。

儲存好了之後，回到Visual Studio Code介面，轉到Debug，選擇新增配置，之後選擇PHP，生成如下圖的launch.json：

不用改任何東西，直接開擼...

開啟Debug

確保phpStudy啟動了，網站也正常執行起來了,然後在Visual Studio Code中啟動除錯，打上要的斷點，接著啟動除錯。

如下圖：

接著訪問你要除錯的頁面對應的PHP程式碼，打上你的斷點，華麗麗的Debug出來了...

F10單步除錯，F11跳入函式，F5直接執行之類的快捷鍵自己玩吧。