最近和小伙伴志平在做一个比赛项目，主要用 PHP 来实现，其中有用到比较复杂的算法（多目标优化），今晚算法出了问题 :sweat:，志平希望能够像大一用 Visual Studio 那样 ****单步跟踪**** 的调试，于是我今晚尝试了一下，在 PHPStorm 里配置 单步跟踪。
环境
- Homestead
- PHPStorm2017
- PHP7.0
- Chrome
Homestead中配置Xdebug
- 使用
vagrant up启动你的Homestead - 命令行下
sudo vi /etc/php/7.0/fpm/conf.d/20-xdebug.ini(注意你的 php 版本和对应的文件夹) - 复制以下内容进去
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
- 保存这个文件（如果这个文件不存在的话，这样建立一个软连接过来
sudo ln -s /etc/php/7.0/mods-available/xdebug.ini /etc/php/7.0/fpm/conf.d/20-xdebug.ini），如果你还不明白软连接，可以参考 软连接 - 重启
php7.0-fpm：sudo service php7.0-fpm restart
Chorme中安装Xdebug helper
- 安装chrome扩展 Xdebug helper
-
进入 Xdebug hepler 的配置选项中，选择 IDE key 为 PHPStorm
file -
把扩展调整为 debug 模式，如图
file
配置你的PHPStorm
-
打开你的 PHPStorm 并设置一个测试断点。如图
file -
打开 PHPStorm 中的 右上角小电话，即可开始监听断点。如图
file -
最后设置一些你的项目目录，就是你的项目目录对应你映射到 Homestead 的目录
file -
在 PHPStorm 右上角选择刚刚新建的 Server，如图
file -
配置你的 Server （比如你想从哪个url开始跟踪）
file -
点击 PHPStorm 右上角小甲虫，你就会发现弹出了个对话框并且已经开始调试了
file
最后
- 好了，如果你看到这里，你的
PHPStorm应该已经有了 单步跟踪 的新功能啦～，让我们来看下效果，如图
file -
就是这么简单的操作～，想要随时随地调试你的页面的小伙伴搞起来啦～。突然想起今天志平要的接口还没完成 :sweat_smile: ，管他呢，睡个好觉先。
file
