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

個人安裝環境：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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

 

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

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

而後開啓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

 

 

較爲全面的配置（參考）

1.3 配置xdebug
　　在php.ini尾部添加以下
　　[xdebug]
　　zend_extension="php_xdebug.dll"
　　xdebug.remote_enable = On
　　xdebug.remote_host = "localhost"
　　xdebug.remote_port = 9000
　　xdebug.remote_handler = "dbgp"
　　xdebug.auto_trace = 1
　　xdebug.collect_includes = 1
　　xdebug.collect_params = 1
　　xdebug.collect_return = 1
　　xdebug.default_enable = 1
　　xdebug.collect_assignments = 1
　　xdebug.collect_vars = 1
　　xdebug.remote_autostart = 1
　　xdebug.remote_connect_back = 1
　　xdebug.show_local_vars = 1
　　xdebug.show_exception_trace = 0
　　運行phpinfo();看有xdebug模塊信息出來就是搞定了。

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試"> 一種方法爲在CMD裏輸入D:\xampp\php\php.exe -m 看到XDebug，說明成功開啓XDebug。圖4

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

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

 

 

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

緣由是phpstorm 自帶的php 插件安裝包不完整，路徑 C:\Program Files\JetBrains\PhpStorm 10.0\plugins\php 只有一個lib 庫； 解決辦法，須要裝一個xampp 工具包，工具包裏自帶php 5.6 版本 而後從新將php interpreter 路徑指導xampp 安裝路徑下的php 所在路徑，便可detect到php的版本

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

 

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

 XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" title="本地環境 XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" height="305" width="558">

 

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

 

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

 

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

 

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" border="0">

 

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" border="0">

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

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" border="0">

 

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個贊。

XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" border="0">

 

13.頁面傳圖不讓直接粘貼，因此編個號圖n ，汗吧。你能夠先弄好10，其餘的次序就不要瞎胡變啦就。XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" title="本地環境 XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">XAMPP+phpStorm+XDebug+chrome 配置和斷點調試" title="本地環境 XAMPP+phpStorm+XDebug+chrome 配置和斷點調試">

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