Maison  >  Article  >  développement back-end  >  Mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集成开发和断点调试环境配置

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

WBOY
WBOYoriginal
2016-06-23 13:01:32996parcourir

一、环境及软件

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn