Home > Backend Development > PHP Tutorial > Mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集成开发和断点调试环境配置

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

WBOY
Release: 2016-06-23 13:01:32
Original
1022 people have browsed it

一、环境及软件

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template