PhpStorm + phpstudyV8 +XDebug的教程详解

Z时代
2024-01-10
分类：IT

WNMP(Windows+Nginx+Mysql+Php)环境安装操作：

1、安装phpStudy

1.1、下载phpStudy

下载地址：www.xp.cn/

解压后运行exe进行安装，我的安装目录是：D:\phpstudy_pro

1.2、配置环境：

在桌面启动小皮进行配置，我的配置如下：

首页面板：启动"WNMP"

在这里插入图片描述

网站面板：PHP版本

在这里插入图片描述

环境面板：数据库、PHP运行环境

在这里插入图片描述

2、安装PhpStorm2020

2.1、下载phpStudy

下载地址：https://blog.jetbrains.com/phpstorm/2020/03/phpstorm-2020-1-beta/

我使用的是缺省目录进行安装，如何激活在这就不详细说了。

2.1、配置PHP版本信息

我们点击“File->Settings”菜单进行PHP版本配置，使用和phpstudy对应的版本PHP7.3.4。

在这里插入图片描述

注意：Interpreter默认是没有的，我们需要点击右边的按钮进行配置。

在这里插入图片描述

3、新建测试工程

3.1、使用PhpStorm新建工程"HelloPHP"

第一步：打开PhpStorm软件，点击创建新项目，在输入框填写带项目存放地址的项目名称，完成后点击创建。

在这里插入图片描述

3.2、配置工程的本地服务

我们点击“工具/部署/配置”菜单进行本地服务配置

在这里插入图片描述

点击确定后进行具体配置：

Connection面板：配置部署目录

在这里插入图片描述

Mappings面板：配置相对目录和访问地址

在这里插入图片描述

配置完之后点击“确定”。

3.3、配置运行环境

我们点击“运行/编辑配置”菜单进行运行环境配置

在这里插入图片描述

3.4、创建PHP文件

选择工程，单击右键->New->PHP File

在这里插入图片描述

输入文件的名称，点击确定增加PHP文件

在这里插入图片描述

在新建的文件里输入代码：


<?php
echo "Hello PHP!"; // 在页面上输出“Hello PHP!”
phpinfo();     // 调用PHP内置的函数显示PHP的基本信息

3.5、部署工程

在菜单中选择Tools->Deployment->Upload to localhost上传工程。

在这里插入图片描述

上传成功后，下方控制台显示上传的具体信息：

在这里插入图片描述

我们在phpstudy的www/HelloPHP目录下可以找到刚才上传的Index.php文件

在这里插入图片描述

3.6、运行Hello PHP

点击页面中悬浮的浏览器运行页面

在这里插入图片描述

我们来看看效果：

在这里插入图片描述

到这，我们完成了PHPStudy+PHPStorm配置和HelloPHP的运行,但是到目前为止PHPStorm只是承担了编辑器和部署的功能，没法直接调试，下面我们就来完成在PHPStorm进行单步调试。

4、调试Hello PHP

4.1、浏览器和插件

1）浏览器我们使用chrome，下载地址：https://www.google.com/chrome/；

2）配合chrome的插件我们使用xdebug，安装完成在浏览器地址栏的右侧能够看到一只小爬虫，点击后如下图所示：

在这里插入图片描述

我们选择Debug，就会通知我们的开发环境进行调试，选择disable，就会直接运行。

我们可以在xdebug helper中配置它，选择phpstorm并且在右边的框中填入phpstorm-xdebug。

在这里插入图片描述

到这里，我们可以phpstorm中设置断点，然后使用浏览器的xdebug helper开启页面调试。

4.2、在php.ini文件的末尾添加如下配置：


[Xdebug]
zend_extension=D:/phpstudy_pro/Extensions/php/php7.3.4nts/ext/php_xdebug.dll
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.auto_trace=On
xdebug.trace_output_dir=D:/phpstudy_pro/Extensions/php_log/php7.3.4nts.xdebug.trace	;设置的函数调用监测信息的输出路径
;xdebug.profiler_enable=On	;效能监测的设置开关
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir="D:\phpstudy_pro\Extensions\tmp\xdebug"	;profiler_enable设置为1的时候，效能监测信息写入文件所在的目录
xdebug.remote_host = "localhost"
xdebug.remote_port=9090
xdebug.remote_handler="dbgp"
xdebug.profiler_append = 0
xdebug.remote_enable=On
xdebug.idekey=phpstorm-xdebug
xdebug.profiler_output_name ="cache.out.%t-%s"	;生成的效能监测文件的名字