PhpStorm+Xampp+Xdebug搭建环境并部署应用

吾生也有涯,而知也无涯。这篇文章主要讲述PhpStorm+Xampp+Xdebug搭建环境并部署应用相关的知识,希望能为你提供帮助。
【1】下载并安装phpStorm去官网下载 ??jetbrains官网??。

注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:

http://idea.iteblog.com/key.php

点击Activate即可,亲测有效。

【2】安装XAMPP
其中将httpd-ssl.conf中监听的端口改为了8080。
如果Services列中显示为红X,则点击红X,并点击yes安装服务。
正常安装完如下图所示:

【3】下载并配置xdebug.dll① 启动apache ;
② 浏览器输入localhost/dashboard/phpinfo.php ;
③ 进入网址后右键-查看源码 ;
④ 然后ctrl a 全选后复制粘贴到??这个地方??

⑤ analyze并下载对应的xdebug.dll

放到xmapp下的php下的ext最好重命名为xdebug.dll



⑥ 设置php.ini
[Xdebug]
zend_extension = G:\\xampp\\php\\ext\\xdebug.dll
; 这里是动态链接库的存放路径 建议使用绝对路径,默认xampp版本包含,如果没有,自行下载
xdebug.remote_enable=1
; 是否允许远程终端 这里标示开启
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=localhost
xdebug.remote_port=9000
; 这里表示服务器的监听端口
xdebug.idekey="PHPSTORM";
; 这里是调试器的关键字 在Chrome以及FireFox中插件配置的时候要用到

⑦ 检测是否安装成功
检查如下网址
http://localhost/dashboard/phpinfo.php

如存在xdebug下图,即可。

【4】下载并配置Xdebug helper① 下载Xdebug helper;
② 把扩展程序加载到chrom;

③ 点击选项,设置IDE key 为PhpStrom

【5】 配置PHPStorm按照如下图示进行配置。

配置debug

【6】新建项目并部署① 新建项目
File-New Project :

② 新建php文件并编写

【7】服务配置工具窗口右上角–run三角符号左侧。

点击 Edit Configurations。
点击+号,新建一个PHP Web Page。

同理新建一个server。

【8】部署并设置自动更新入口 (File-Settings-Deployment):



设置自动更新

设置options如下:

如下图,即可debug调试。
将右上角 --debug(虫子)右边第二个电话一样的标志打开;

页面打上断电;

debug模式启动。


【PhpStorm+Xampp+Xdebug搭建环境并部署应用】


    推荐阅读