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模式启动。