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

话说 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。

xdebug helper

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

debug

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

break

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

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

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

phpstorm

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

Ubuntu 14.04下的PhpStorm中配置xdebug调试环境 

PhpStorm 对 AngularJS 的支持

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/da755ebf2dd4bca5163a5d72d31a69a1.html