phpStorm+xdebug斷點調試環境配置最簡實踐

1、環境

1.phpStudy20161103(nginx 1.11.5 + PHP 5.6.27 + xdebug 2.4.1)php

v2-8bad0131747ccf2881866d00ef4ab45e_b.jpg

2.phpstorm 2017.1.4nginx

v2-00fdfcab0b93ed800c3acfcc3a6d5b66_b.jpg

3.xdebug helperchrome

v2-80028b7363843bbd23e462b7076e2a5c_b.jpg

2、配置xdebug

1.在phpstudy上打開xdebug選項瀏覽器

v2-2b58a77d7f2627b1ba3aaa3b315002e8_b.jpg

2.打開php.ini,並完成配置服務器

v2-c4c406a5b18469dab246ad71b61c005f_b.jpg

v2-2b272674d380f2c2ef8cdafdf914e8a7_b.jpg

簡單解釋一下:直接在phpstudy上勾選xdebug,會自動配置好上圖中的2007-2009三行,這是xdebug的基本配置,須要咱們本身配置的就是圖中紅框裏的內容。session

xdebug.remote_enable=1    # 開啓遠程調試
xdebug.idekey='PHPSTORM'  # sessionkey
xdebug.remote_port=9001   # 遠程調試通訊端口

idekey不要填寫別的,xdebug helper給phpstorm的就這個,沒得選。端口默認的是9000,這個和fastcgi端口衝突,因此就改了。xdebug其餘的配置項都是默認的就行。eclipse

重啓nginx,打開phpinfo確認一下配置是否正確。phpstorm

v2-7be4cb817593b6a9e76c0f94900d8c29_b.jpg

3、安裝xdebug helper

xdebug helper是一款chrome插件,和phpstorm、eclipse、netbeans等IDE協同工做方便調試。這個安裝很簡單,到谷歌商店()直接安裝,或者百度一下。安裝好後,在選項裏設置IDE爲phpstorm就能夠了。ide

v2-f27528e33e6e51f6b165c9601e9511c1_b.jpg

4、設置phpstorm

1.打開設置對話框FIle->Settings(默認快捷鍵Ctrl+Alt+S)spa

v2-66a3324b66b8435b06ab9ac2835973fd_b.jpg

2.配置Debug :Languages & Frameworks -> PHP -> Debug,只須要把端口改成9001,和xdebug的配置保持一致

v2-9a7db999d10ea84198e42ea64e3c67f0_b.jpg

3.配置Server(就在Debug下面一個) :Languages & Frameworks -> PHP -> Servers,新建一臺本地服務器(綠色加號),填寫服務器名字以及host,確認debugger是xdebug

v2-0d6e00e46b0c137e8a2c02f911bb06d0_b.jpg

5、調試

1.啓動xdebug helper:點擊xdebug helper圖標,選擇Debug項,灰色圖標變成綠色

v2-4a8853cd414a337bc32dae92814ea936_b.jpg

2.在phpstorm中將須要調試的代碼打上斷點,點擊右上角電話圖標開啓調試監聽,由一頭綠一頭紅變成兩頭綠便可

v2-993e0a2799b259dc97722d20f86dda59_b.jpg

3.在瀏覽器中運行程序,在phpstorm的debugger窗口能夠看到調試結果

v2-7e7d31ea62c02a2643952faadb84b90c_b.jpg

相關文章
相關標籤/搜索