PHPStorm + Homestead + Xdebug + Chrome Xdebug Helper 調試配置

話說 PHPStorm 寫起代碼來很是帶感,各類提示補全和糾錯,以及在 L5 中的命名空間功能更是強大到感動(新建類自動添加命名空間,自動引入命名空間,返回參數命名空間糾正等等)。固然它的調試功能更是讓你在出現 BUG 不知所措時抓住的稻草。php

下面我將一步一步帶你配置這強大到爆功能。可是,這個配置是很簡單。laravel

假定你已經安裝好了 PHPStorm 和 Homestead,以及chrome,這裏再也不教你這些了web

Homestead 中配置 Xdebug

1.啓動你的 Homestead ,並鏈接進去(按照 laravel 教程的話,MAC下輸入 vm 回車便可)chrome

2.命令行下 sudo vi /etc/php5/fpm/conf.d/20-xdebug.iniphpstorm

3.複製如下內容進去測試

zend_extension=xdebug.so

xdebug.remote_enable = 1
xdebug.remote_connect_back = 1
xdebug.remote_port = 9000
xdebug.scream=0 
xdebug.cli_color=1
xdebug.show_local_vars=1

4.保存這個文件(若是這個文件不存在的話,這樣創建一個軟鏈接過來 sudo ln -s /etc/php5/mods-available/xdebug.ini /etc/php5/fpm/conf.d/20-xdebug.inigoogle

5.重啓 php5-fpmsudo service php5-fpm restartspa

配置PHPStorm

1.安裝chrome擴展 Xdebug helper命令行

2.進入 Xdebug hepler 的配置選項中,選擇 IDE key 爲 PHPStorm。debug

xdebug helper

3.把擴展調整爲 debug 模式,如圖

debug

4.打開你的 PHPStorm 並設置一個測試斷點。如圖

break

5.依次打開 PHPStorm 中的 Run>Start Listening for PHP Debug Connections。

6.刷新你剛纔的頁面就會發現彈出了個對話框而且已經開始調試了。

7.最後設置一些你的項目目錄,就是你的項目目錄對應你映射到 Homestead 的目錄。

phpstorm

好了,收工!就是如此簡單的操做,須要的時候點開 chrome 的擴展 Xdebug 設置爲 debug 便可讓你隨時調試你的頁面。

轉載:https://phphub.org/topics/553

參考:https://confluence.jetbrains.com/display/PhpStorm/Zero-configuration+Web+Application+Debugging+with+Xdebug+and+PhpStorm

相關文章
相關標籤/搜索