Phpstorm 2017.1+PHPWAMP+Xdebug环境配置以及断点调试

首先先来说下IDE和服务环境的配置：

第一步，在PHPWAMP的站点根目录下创建项目文件夹，然后把IDE项目文件指向该文件，如下图所示：

第二步，创建文件，然后通过服务器进行显示，这里我写了两个文件，分别是form.html,welcome.php：

form.html:

    
    




    名字: 
    年龄: 
    

welcome.php:

第三步，配置服务器，打开File->Settings->Deployment进行如下配置：

注：这里为什么设置端口8080而不是80，因为PHPWAMP这个阿帕奇服务器监听的端口是8080，然后在Mappings设置的路径就是项目路径

然后启动PHPWAMP服务，点击浏览器图标，运行效果如下：

好的，首先解决在phpstorm上用服务去运行程序的问题，那么接下来就要考虑如何调试了，也是我花了很长时间去搞的一个问题。先说说我是怎么解决的把，我们都知道phpstorm这个IDE用来调试是需要插件的支持，这个插件就是Xdebug，于是我就百度了“phpstorm 配置 xdebug”，果然出现了一大堆，但是试了试都出现了同样的问题，那就是没办法让页面阻塞从而进入断点，然后在客户端的控制台却可以输出。。。于是作为初学者的我只能闷头疯狂加PHP群，抱大腿，但是很可惜最终也没解决问题。于是我又从别的角度解决，我发现在debug运行的时候，虽然页面一下输出结果，但是在debug控制台会有一个“waiting for incoming connection with ide key”这样的提示，于是我直接复制百度，然后就得到了需要进行页面控件一起配合才可以进行调试，于是我就下载了一个chrome的扩展控件，xdebug helper，但是没有，于是就又找了一个软件，然后进行扩展。最后进行控件的配置之后，再次重启服务，然后进行断点调试，我惊奇的发现调试居然可以了。只能说万能的百度，和自己不抛弃的精神最后还是有所收获的吧，好了不鸡汤了，接下来放上正片。

phpstorm + Xdebug 配置，进行页面调试

第一步，给php.ini文件配置Xdebug，因为我用的是PHPWAMP集成服务，里面已经都安好Xdebug了，并且已经放到了对应的目录下面，所以只需要配置即可，我的配置文件如下：

zend_extension = "D:\PHPWAMP\phpwamp\server\php-5.3.5\php_xdebug-2.1.0-5.3-vc6.dll"
;
[xdebug]
xdebug.remote_enable=1  //开启远程调试
xdebug.var_display_max_children=128
xdebug.var_display_max_data=51200000
xdebug.var_display_max_depth=5
xdebug.remote_connect_back = 1
xdebug.remote_autostart = 1
xdebug.remote_port=9000
xdebug.idekey=PHPSTORM

第二步，打开“File->Settings->Languages&Frameworks”找到PHP->Debug进行如下配置，其他不用管：

然后找到“Servers”，创建一个Sever，配置如下，然后点击“apply”：

第三步，选择“Edit Configuration”，然后添加一个“PHP Application”，选择之前设置sever，然后把要调试的页面路径写上就行，如下所示：

第四步，打开电话图标，然后点击昆虫图标进行断点调试，但是这里却会直接把整个页面输出：

我心里当就是“WTF?WTF!...”(省略一万字。。。)不过在之前也说了，我们只需要为谷歌浏览器添加一个插件即可，这里不赘述如何，直接截图插件配置：

最后最后，重启服务，然后再次打开电话图标，然后点击昆虫图标，我惊奇的发现，进入了断点~~

That's all~~~