本地環境 XAMPP+phpStorm+XDebug+chrome配置和斷點調試

不明白phpStorm+XAMPP+chrome組合的phpStorm配置XDebug的斷點調試，不少種網頁辦法都看過了，可用，但沒達預期。QQ羣問，一個大牛很奇怪我都配置了怎麼還不正確，很乾脆地說遠程協助。哈爽快人說爽快話給辦利落的事，我還沒說感謝呢大牛就直接說有事88。

  

今天me總算明白了，其實很容易理解的，休閒的時間把配置過程寫了，順便mark下，須要的人來看看。其實今天《愛你，萬縷千絲》正在放映，我追看的，今天恰逢之元、天丘因家族利益出現大吵，所謂一部戲鋪墊完、到了矛盾激化到極點、將要迎接劇終的時候，我寫這個配置過程忘了看了居然給，找空補上。但願這個配置過程你讀起來像是一本故事，或者是拍拍磚：

個人安裝環境：XAMPP版本號V3.1.0 ;phpStorm版本8.0.3;windowsxp 32bit。您老人家先過目一下，否則怕影響意義。

XAMPP、phpStorm 都直接安裝在了D盤根目錄，9999m目錄建在D:\xampp\htocts下，即目錄工程文件夾路徑爲D:\xampp\htocts\9999m。在phpStorm>File>open，找到9999m，點擊肯定，加載9999m到了phpStorm（安裝環境路徑根據須要自行更改，後面的配置內容也相似）。圖1

 

1.      開始服務器端配置：安裝好XAMPP，中止apache服務（注意，若是直接退出XAMPP，是不會中止apache的）。

2.      在安裝目錄下找到php.ini，相似於D:\xampp\php\php.ini，並打開。

3.      找到被註釋掉的項目（去掉前面的？）並按以下設置：

[XDebug]

zend_extension = "D:\xampp\php\ext\php_xdebug.dll"

xdebug.profiler_append = 0

xdebug.profiler_enable = 1

xdebug.profiler_enable_trigger = 0

xdebug.profiler_output_dir = "D:\xampp\tmp"

xdebug.profiler_output_name = "cachegrind.out.%t-%s"

xdebug.remote_enable = on

xdebug.remote_handler = "dbgp"

xdebug.remote_host = "127.0.0.1"

xdebug.trace_output_dir = "D:\xampp\tmp"

xdebug.idekey= PHPSTROM

 

最初的設置是這樣的：圖2

；的意思是被註釋掉了，因此要先去掉；號；

而後開啓xdebug.remote_enable = on；

還要增長xdebug.idekey= PHPSTROM。

 

其中remote_host 是指調試客戶端的地址，即IDE所在的IP，同理remote_port 是客戶端的端口，這兩項在遠程調試的狀況下注意修改，遠程的時候最終改成:

 

[XDebug]

zend_extension = "D:\xampp\php\ext\php_xdebug.dll"

xdebug.profiler_append = 0

xdebug.profiler_enable = 1

xdebug.profiler_enable_trigger = 0

xdebug.profiler_output_dir = "D:\xampp\tmp"

xdebug.profiler_output_name = "cachegrind.out.%t-%s"

xdebug.remote_enable = 1

xdebug.remote_handler = "dbgp"

xdebug.remote_mode = "req"

xdebug.remote_port = 9000

 

4.      保存文件，從新啓動apache檢查是否成功開啓了xdebug服務。圖3

 一種方法爲在CMD裏輸入D:\xampp\php\php.exe -m 看到XDebug，說明成功開啓XDebug。圖4

另外一種方法爲瀏覽器打開localhost，找到phpinfo（）點擊打開配置狀況，查找xdebug項，找到了說明xdebug配置成功。圖5

至此，服務器端配置完畢。

 

 

5.      下面是客戶端調試。打開phpStorm，進入File>Settings>PHP，這裏要interpreter瀏覽，填D:\xampp\php\php.exe，自動識別版本。圖6

6.      進入File>Settings>PHP>Servers，這裏要填寫服務器端的相關信息，name填localhost，host填localhost，port填80，debugger選XDebug。圖7

 

7.      進入File>Settings>PHP>Debug，看到XDebug選項卡，port填9000，其餘默認。圖8

 

 

8.      進入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host 填localhost，port填9000，點OK退出設置。圖9

 

9.      進入Run> Debug configurations，點+號，Server選填localhost，start url填http://localhost/9999m， Browse 填chrome，點OK退出設置。圖10

 

點OK退出設置以後，phpstorm運行按鈕旁邊自動填充localhost，且運行按鈕由灰色被激活成爲綠色。若是start url填的是http://localhost，沒有填寫9999m，則當點擊phpstorm運行按鈕，瀏覽器進入默認地址http://localhost，沒辦法直接訪問http://localhost/9999m。圖11

 

 

10.   chrome瀏覽器連接配置。找到對應的插件，chrome的爲phpstrom IDE Support chrome.crx，本身下載而後拖動文件到chrome設置>擴展程序。Chrome右上角增長了JB圖標即爲成功安裝插件。圖12

11.   在phpStorm裏打開監聽，就是一個電話同樣的按鈕，點擊變爲綠色，在程序代碼點前點擊，設置程序段點，點擊綠色的debug爬蟲按鈕，chrome瀏覽器打開xdebug頁，phpStorm出現debug窗口，並獲取到variables值，即爲看到下面的debug信息，說明成功配置。圖13

 

12.        連接真心的不錯，http://www.chenxuanyi.cn/xampp-phpstorm-xdebug.html

就是第7步「7.進入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 PHPSTORM，host填localhost，port 填80。」須要改動下port填爲9000。總歸要點100個贊。

 

13.頁面傳圖不讓直接粘貼，因此編個號圖n ，汗吧。你能夠先弄好10，其餘的次序就不要瞎胡變啦就。

搗鼓着不當心得兩小時多了吧。