ubuntu 打开php文件怎么打开方式,PHP的正确打开方式：从零开始配置 Ubuntu 16.04 + phpStorm + Chrome + xdebug 开发环境。...

一、开章废话

(全体祷告)PHP是世界上最好的语言！bala bala~

是不是有很多小伙伴看到java，.net 程序猿朋友在IDE打断点调试，感觉很COOL。其实PHP也有很多DeBug工具，工欲善其事，必先利其器。So，今天让我们来一起从0开始配置一个PHP Debug环境。

PHP优秀的Debug工具也有很多，像Xdebug，zend-debug等等，这些都是帮助我们在程序中进行断点调试的利器。网上也有很多类似的教程过程也很详细，但是很多设置讲的并不清楚，也不完整，鱼龙混杂，最重要的是，不好使！不好使！不好使！所以就将我的配置过程贴出来，以帮助很多不知道的小伙伴。

二、必要准备

虽然说，从0开始，但～呃～，phpStorm、PHP，我们这次使用的环境如下：

Ubuntu16.04

Apache2.4

php7.0

phpStorm 2017.3.3

三、安装Xdebug

apt install php-xdebug

编辑php.ini

vim /etc/php/7.0/apache2/php.ini

###将下面这段文字沾进去

[XDbug]

xdebug.profiler_enable=1

xdebug.profiler_output_dir="/var/tmp" ##如果上面的配置为1,会在这里生成大量临时文件，巨多，注意删除

xdebug.remote_enable=1

xdebug.remote_port=9000 ##调试端口默认就是9000

xdebug.remote_host="localhost" ##转发使用的域名，默认本机localhost

检查cli扩展是否安装成功

php -m | grep xdebug

检查Apache扩展，

phpinfo()

出现下面这段配置说明xdebug安装成功，并且使用了phpStorm作为IDE工具配合。

image.png

如果出现下面这些配置信息说明Xdebug生效了，简单介绍一下配置项

xdebug.remote_enable 远程调试开启(因为phpStorm要监听服务)

xdebug.remote_handler 远程调试控制插件为dbgp，这个要在phpStorm配置

xdebug.remote_host 服务地址

xdebug.remote_port 服务端口

image.png

经过上面几步Xdebug扩展就安装好了!

四、配置phpStorm

1、配置php

依次打开：phpStorm -> settings -> Languages & Frameworks -> PHP

点击下图CLI Interpreter项的...按钮

image.png

出现弹出框选择你的php执行命令安装位置(我的是/usr/bin/php7.0)

image.png

看到上面Debugger: Xdebug 2.6.0了吗？如果有这行小字，说明你的Xdebug是可以用的。

2、配置Servers

依次打开：phpStorm -> settings -> Languages & Frameworks -> PHP -> Servers

如下图，点击左上角小加号，新增一个服务器，配置一下你主机开启的webServer 的主机地址端口，Debugger选择 Xdebug,选择好你的目录映射关系。

image.png

3、配置Debug

依次打开：phpStorm -> settings -> Languages & Frameworks -> PHP ->Debug,看到面板里的如下图中Xdebug项目栏中的配置了吗？端口9000;，没错就是php.ini中的配置xdebug.remote_port。

image.png

4、配置DBGp Proxy插件

依次打开：phpStorm -> settings -> Languages & Frameworks -> PHP ->Debug ->DBGp Proxy

还记的phpinfo 里面的xdebug.remote_handler配置的dbgp 就是他 配置如下(按照你的项目配置来)

image.png

5、配置调试配置项

这个比较隐蔽，位置在phpStorm顶部工具栏下面的右上角，有一排小按钮如图：

image.png

点击图中的第一个按钮的灰色倒三角出现下拉框，如下

image.png

选择 Edit Configurations... 进入面板如下图：

image.png

点击左上小加号出现下拉框如下图

image.png

选中PHP Web Page 右侧出现编辑面板

image.png

选择自己刚才新建的服务器，选择浏览器Chrome

五、配置Chrome

安装php-Xdebug chrome 插件，因为众所周知的原因，你需要爬一下墙头，不过国内也有镜像，留个家庭作业，自己百度一下。

下载完以后，在浏览器扩展安装上Xdebug,装完以后就能看到一只灰色的小强！

image.png

右键小强，出现配置项，IDE key一项中选择咱们的phpstorm。

image.png

再次左键小强，选中Debug，小强变身王者绿！

image.png

OK，大功告成！

六、使用

回到phpStorm中，在你的代码里的行号一栏中点击一下，这一行就会变红！这就是一个断点如下

image.png

再次点击phpStorm顶部右上角那个灰色按钮，选择我们刚才新增的配置项，如下

image.png

再点即旁边的红色小电话，小电话变绿了ok，说明已经监听上了Xdebug的服务，点击红色小强，哦也！就能看到调试中的Debug信息。

image.png