一、環(huán)境及軟件

1、macbook pro

2、Phpstorm

3、MAMP PRO

4、FireFox

二、環(huán)境搭建

1、PhpStorm導(dǎo)入項(xiàng)目

下載PhpStorm并安裝，網(wǎng)上隨便找個(gè)注冊碼即可破解，安裝后打開界面選擇ToolBar → VCS → Checkout from Version Control → Git，填寫Git Repository URL，選擇項(xiàng)目存放目錄，點(diǎn)擊Clone完成代碼拷貝。

2、MAMP PRO配置Hosts

下載MAMP PRO并安裝，網(wǎng)上隨便找個(gè)注冊碼即可破解，安裝后打開界面切換到MAMP PRO的Hosts Tab，點(diǎn)擊左下角的“＋”號添加host，填寫Server name及選擇項(xiàng)目文件目錄，就完成了host的配置

3、MAMP PRO配置Debugger

切換到PHP Tab，將Debugger項(xiàng)打上勾，打上勾，打上勾，重要的事情說三遍（默認(rèn)沒打勾，我一開始沒注意到這個(gè)選項(xiàng)，導(dǎo)致弄了半天還是沒搞定，就是因?yàn)檫z忘這最關(guān)鍵的步驟 T T），如下圖所示

4、修改php.ini文件中的配置

MAMP PRP → File → Edit Template → PHP → PHP 5.3.28 php.ini（與上圖所選的php版本一致），打開文件后拉到最后可以看到[xdebug]的配置塊

[xdebug]
MAMP_Xdebug_MAMP
 xdebug.remote_enable=1
 xdebug.remote_host=localhost
 xdebug.remote_port=9000
 xdebug.remote_autostart=1
 xdebug.idekey="PHPSTORM"

增加一項(xiàng)xdebug.idekey="PHPSTORM"，該配置跟之后PhpStorm中的配置有關(guān)系，其他不需要修改，重啟MAMP PRO

5、PhpStorm Xdebug端口及Server配置

Preferences（command+,）→ PHP → Debug → Xdebug → Debug port修改為9000（一般默認(rèn)就是9000，不需要修改，這配置項(xiàng)與php.ini中的xdebug.remote_port=9000保持一致）

然后點(diǎn)擊右上方的倒三角Edit Configurations

1）選擇PHP Web Application，選擇Server及Browser

2）添加server

6、FireFox添加The easiest Xdebug插件

安裝插件后設(shè)置IDE key = PHPSTORM 即與php.ini中xdebug.idekey="PHPSTORM"保持一致

7、調(diào)試

1）激活PhpStorm的“Start Listen for PHP Debug Connections”按鈕（右上角Debug區(qū)類似電話的圖標(biāo)，帶紅色禁止小圓圈表示未激活，變綠表示正在監(jiān)聽）

2）設(shè)置斷點(diǎn)

3）點(diǎn)擊爬蟲按鈕開始debug狀態(tài)

4）瀏覽器會開始彈窗等待調(diào)試會話，按F7便可逐行進(jìn)行斷點(diǎn)調(diào)試，再也不需要echo或者print_r這樣繁瑣的打印調(diào)試了

三、總結(jié)

1、端口號設(shè)置一定要相同

2、IDE Key 設(shè)置也一定要相同

3、就目前我的測試情況來看其實(shí)還是有一些疑問：

1）php.ini中xdebug.remote_host=localhost不需要跟MAMP PRO Hosts中的server name保持一致？

2）就算FireFox沒添加The easiest Xdebug插件也可以進(jìn)行斷點(diǎn)調(diào)試，那這個(gè)插件到底有什么用？