Mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集成开发和断点调试环境配置

共计 1833 个字符，预计需要花费 5 分钟才能阅读完成。

一、环境及软件

1、macbook pro

2、Phpstorm

3、MAMP PRO

4、FireFox

二、环境搭建

1、PhpStorm 导入项目

下载 PhpStorm 并安装，网上随便找个注册码即可破解，安装后打开界面选择 ToolBar → VCS → Checkout from Version Control → Git，填写 Git Repository URL，选择项目存放目录，点击 Clone 完成代码拷贝。

2、MAMP PRO 配置 Hosts

下载 MAMP PRO 并安装，网上随便找个注册码即可破解，安装后打开界面切换到 MAMP PRO 的 Hosts Tab，点击左下角的“+”号添加 host，填写 Server name 及选择项目文件目录，就完成了 host 的配置

3、MAMP PRO 配置 Debugger

切换到 PHP Tab，将 Debugger 项 打上勾，打上勾，打上勾，重要的事情说三遍（默认没打勾，我一开始没注意到这个选项，导致弄了半天还是没搞定，就是因为遗忘这最关键的步骤 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”

增加一项xdebug.idekey=”PHPSTORM”，该配置跟之后 PhpStorm 中的配置有关系，其他不需要修改，重启 MAMP PRO

5、PhpStorm Xdebug 端口及 Server 配置

Preferences（command+,）→ PHP → Debug → Xdebug → Debug port 修改为 9000（一般默认就是 9000，不需要修改，这配置项与 php.ini 中的 xdebug.remote_port=9000 保持一致）

然后点击右上方的倒三角 Edit Configurations

1）选择 PHP Web Application，选择 Server 及 Browser

2）添加 server

6、FireFox 添加 The easiest Xdebug 插件

安装插件后设置 IDE key = PHPSTORM 即与 php.ini 中 xdebug.idekey=”PHPSTORM” 保持一致

7、调试

1）激活 PhpStorm 的“Start Listen for PHP Debug Connections”按钮（右上角 Debug 区类似电话的图标，带红色禁止小圆圈表示未激活，变绿表示正在监听）

2）设置断点

3）点击爬虫按钮开始 debug 状态

4）浏览器会开始弹窗等待调试回话，按 F7 便可逐行进行断点调试，再也不需要 echo 或者 proint_r 这样繁琐的打印调试了

三、总结

1、端口号设置一定要相同

2、IDE Key 设置也一定要相同

3、就目前我的测试情况来看其实还是有一些疑问：

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

2）就算 FireFox 没添加 The easiest Xdebug 插件也可以进行断点调试，那这个插件到底有什么用？

Ubuntu Linux 安装 PhpStorm 2016.1.1  http://www.linuxidc.com/Linux/2016-05/131373.htm

PHPStorm + Homestead + Xdebug + Chrome Xdebug 断点调试  http://www.linuxidc.com/Linux/2015-11/124748.htm

在 Ubuntu 14.04 下的 PhpStorm 中配置 xdebug 调试环境  http://www.linuxidc.com/Linux/2015-08/122444.htm

PhpStorm 对 AngularJS 的支持 http://www.linuxidc.com/Linux/2014-05/102485.htm

PhpStorm 的详细介绍：请点这里
PhpStorm 的下载地址：请点这里

本文永久更新链接地址：http://www.linuxidc.com/Linux/2016-06/132333.htm