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，只要二者相同即可)。