wamp环境搭建好后,接下来我们看一下在phpstorm下的调试环境如何配置和搭建
配置php interpreter
找到设置->语言和框架->PHP
在路径找到之间安装wamp时,装好的php.exe和php.ini两个文件路径,设置好后填上去即可。
修改字体需要先保存一个方案,然后才可以修改字体以及字体大小,行间距等。
修改phpstorm主题
安装插件
我们都知道Emmet是前段代码神器,我们先借由它来顺便了解phpstorm安装插件的过程
首先在设置中找到Plugins
在搜索框中输入Emmet 点击下面的install安装即完整,非常简单。
接下来我们开始配置调试环境
首先选择默认的web浏览器
在代码调试点击刚刚设置的浏览器,我用的是firefox
点击以后出现的是如下的地址栏中的地址
为了使用本地的ip来调用可以在设置中的Deployment来进行设置
找到设置->构建、执行部署->Deployment
在Type中选择local or mounted folder
在下面设置好项目地址和路径即可
点击mappings设置好本地项目路径
在代码调试中点击浏览器图标:
以换成我们设置好的本地ip地址
PHPSTORM调试环境配置
1. 服务器端设置
我使用的是wamp。找到wamp下phh.ini配置文件,打开后找到最后的Xdebug模块,修改如下:
zend_extension="D:/web/wamp64/bin/php/php7.0.10/zend_ext/php_xdebug-2.4.1-7.0-vc14-x86_64.dll"
xdebug.remote_enable = On
xdebug.profiler_enable = On
xdebug.remote_mode="req"
xdebug.profiler_enable_trigger = On
xdebug.profiler_output_name =cachegrind.out.%t.%p
xdebug.profiler_output_dir="D:/web/wamp64/tmp"
xdebug.remote_host=172.17.3.178
xdebug.show_local_vars=0
xdebug.idekey="PHPSTORM"
xdebug.remote_port=9001
xdebug.remote_handler=dbgp
xdebug.collect_vars = On
xdebug.collect_return = On
xdebug.collect_params = On
zend_extension的路径视自己的xdebug.dll具体路径而定
xdebug.remote_host视自己具体测试时使用的ip而定
xdebug.remote_port此端口用来传输调试信息,要与PHPSTORM设置相同即可,默认是9000,这里我们改为9001
xdebug.idekey该值也要与PHPSTORM设置相同
特别注意:由于受限于PhpStorm的内置的 PHP版本,XAMPP 中的 PHP版本不可过高,否则会出现无法识别PHP Version和 Debugger的情况。
配置好后重启服务器
加入以下代码,用浏览器打开查看phpinfo信息,找到xdebug模块
说明安装成功
2. 客户端配置
打开 文件>设置>语言和框架>PHP>Debug,做如下配置
查看 Xdebug 配置信息,其中的 Debug port 是否是 9001 (其实就是看看是否和前面服务端 php.ini 里的 xdebug.remote_port 保持一致,或设置其他较大端口如:10000,只要二者相同即可)。
打开 文件>设置>语言和框架>PHP>Debug >DBGp Proxy 下,IDE key填写:PHPSTORM,Host 可以设置为172.17.3.178(视自己调试地址而定),port是指 HTTP 端口,默认是 80,当然可以随意修改,把服务器的 HTTP 端口设置成一样就成。
3.浏览器扩展配置
PHP 是强大的 Web 开发语言,假若没有浏览器来进行联合调试简直就是笑话,一般来说,推荐大家使用 Chrome 浏览器和 Firefox 浏览器来进行开发(二者选一即可):
Firefox 下我推荐 Theeasiest Xdebug 插件,在选项中设置 IDE key = PhpStorm (即与 DBGp Proxy 下设置的IDE key一样即可),配置起来也不复杂。
4.调试
好了,对 Xdebug 和 PhpStorm 的配置现在可以告一段落,那么我们现在就开始来调试测试一番,看看上述的配置有没有问题。
新建一个配置
Server选用我们之前建立好的Apache,Debugger选择Xdebug
注意Start URL:要调试哪个页面,就怕start URL设置为哪个页面
接着激活 PHPStorm IDE 的 'Start Listen for PHP Debug Connections' 按钮(右上角 Debug 区类似电话的图标,带红色禁止小圆圈标志表示未激活,变绿表示正在监听中)。
设置断点
点击爬虫按钮开始 debug 状态。
浏览器会开始弹窗等待调试会话,按 F7 便可逐行进行断点调试,再也不需要 echo 或者 print 这样繁琐的打印调试了。
5.总结
1) 端口号设置一定要相同,如:Xdebug Port、HTTP Port。
2) IDE Key 设置也一定要相同。