PHPStorm + Homestead + Xdebug + Chrome Xdebug 断点调试

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

话说 PHPStorm 写起代码来非常带感，各种提示补全和纠错，以及在 L5 中的命名空间功能更是强大到感动（新建类自动添加命名空间，自动引入命名空间，返回参数命名空间纠正等等）。当然它的调试功能更是让你在出现 BUG 不知所措时抓住的稻草。

下面我将一步一步带你配置这强大到爆功能，当然，其实配置也很简单。

假定你已经安装好了 PHPStorm 和 Homestead，以及 chrome，这里不再教你这些了

Homestead 中配置 Xdebug

1. 启动你的 Homestead，并连接进去（按照 laravel 教程的话，MAC 下输入 vm 回车即可）

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

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.ini）

5. 重启 php5-fpm：sudo service php5-fpm restart

配置 PHPStorm

1. 安装 chrome 扩展 Xdebug helper。

2. 进入 Xdebug hepler 的配置选项中，选择 IDE key 为 PHPStorm。

3. 把扩展调整为 debug 模式，如图

4. 打开你的 PHPStorm 并设置一个测试断点。如图

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

6. 刷新你刚才的页面就会发现弹出了个对话框并且已经开始调试了。

7. 最后设置一些你的项目目录，就是你的项目目录对应你映射到 Homestead 的目录。

好了，收工！就是如此简单的操作，需要的时候点开 chrome 的扩展 Xdebug 设置为 debug 即可让你随时调试你的页面。

在 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/2015-11/124748.htm