XAMPP+PhpStorm

XAMPP+PhpStorm的配置

1.phpStorm的安装

双击下载好的文件,然后进入安装界面,一路点击next即可:
在这里插入图片描述
下面记得新建一个文件夹,最好不要放在C 盘:
在这里插入图片描述
勾选如下所示:
在这里插入图片描述
随后点击next,等待安装即可:
在这里插入图片描述
随后进入启动界面,选择Do not import settings:
在这里插入图片描述
下一步选择evaluate free之后点击evaluate,这是收费的软件,但是可以免费用一个月:
在这里插入图片描述
开始用phpstorm创建一个新的项目:
在这里插入图片描述
点击 new project:
在这里插入图片描述
这里注意地址换成你自己新建的文件夹下面,点击create后完成了新项目的创建,如下图所示:
在这里插入图片描述
然后右键你的文件名建一个新的php文件,代码如下:
在这里插入图片描述
在该php文件中写入下面的代码:

<!DOCTYPE html>
<html>
<body>

<h1>My first PHP page</h1>

<?php
echo "Hello!!!! World!";
?>

</body>
</html>

将代码写入刚刚新建好的php文件。

2.【File】->【Settings】->【Languages&Frameworks】->【PHP】的servers中的xdebug服务

打开之后如下图所示:
在这里插入图片描述
按照上面的方式配置,port的8181是自己在apache中改的端口号,你改的是多少这里就写多少。然后参照下图所示的操作:
在这里插入图片描述
点进去得到下面的界面:
在这里插入图片描述
进行下面的界面后,首先修改第一个红色圈内的name,在点击第二个红色圈圈:
在这里插入图片描述
随后进入下面的界面:
在这里插入图片描述
这里点击ok就行了,回到刚刚的界面,不要关闭界面,进入你的xampp目录下新建一个project文件:
在这里插入图片描述
然后回到刚刚的界面,在URL那里后面加入project如下所示,点击右下角的apply后,点击ok:
在这里插入图片描述

3.配置完成之后,再次点击【File】->【Settings】->【Building,Execution, Deployment】->【Deployment】

在这里插入图片描述
按照上述步骤进入下一个步骤:
在这里插入图片描述
对服务器随机命名,根据个人喜欢,点击ok进入下一个界面:
在这里插入图片描述
上面两个红圈的第一个红圈写你的xampp安装的文件下面的那个htdocs文件,并把下面的URL后面加入:8181,你之前改的端口。点击apply,点击旁边的Mapping进入下一个界面:
在这里插入图片描述
第二哥Deployment path是你的xampp文件安装下面的htdocs,然后htdocs文件下面的我们自己新建的project文件夹,随后记得点击右下角的apply,点击ok之后回到了编辑界面:
在这里插入图片描述
然后参照下面的步骤把你的代码从编辑器下的文件夹到xampp下面htdocs中的project:
在这里插入图片描述
提交成功之后,点击右上角的,绿色三角形:
在这里插入图片描述
进入下面的界面,选择你刚刚编写的php文件:
在这里插入图片描述

如果运行之后可以得到下面的画面,就表示整个xampp+phpstorm的流程你已经走完了!!!
在这里插入图片描述

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
本地环境的搭建和配置是进行开发工作的基础,以下是xamppphpstorm、xdebug和chrome的配置和断点调试的步骤: 1. 安装和配置XAMPP: - 下载并安装XAMPP,它是一个集成了Apache、MySQL和PHP的开发环境。 - 打开XAMPP控制面板,启动Apache和MySQL服务。 - 在浏览器地址栏输入localhost,确认XAMPP是否正常运行。 2. 安装和配置PHPStorm: - 下载并安装PHPStorm集成开发环境。 - 打开PHPStorm,创建或导入你的项目。 - 在设置中的PHP选项中配置PHP可执行程序路径,选择XAMPP中的php.exe文件。 - 配置项目的运行/debug配置,选择Xdebug作为调试引擎。 3. 配置Xdebug: - 打开xampp\php\php.ini文件,在文件末尾添加以下代码: ``` [Xdebug] zend_extension = path_to_xampp\php\ext\php_xdebug.dll xdebug.remote_enable = 1 xdebug.remote_handler = dbgp xdebug.remote_host = localhost xdebug.remote_port = 9000 ``` 4. 配置Chrome浏览器: - 在Chrome浏览器中安装Xdebug Helper插件。 - 点击插件图标,选择设置,将IDE Key设置为PHPStorm。 - 启用Xdebug Helper插件,并确保它为绿色以表示调试已启动。 5. 调试代码: - 在PHPStorm中设置断点,可以通过点击代码行号来设置断点。 - 在Chrome浏览器中访问你的网页应用。 - 当代码运行到断点处时,PHPStorm会自动跳转到调试模式并在IDE中显示当前状态。 - 你可以使用PHPStorm的调试工具栏来控制代码的执行、查看变量的值以及观察程序的执行流程。 通过以上步骤,你可以在本地环境中使用XAMPPPHPStorm、Xdebug和Chrome进行代码的断点调试。你可以设置断点、监控变量的值,以及通过PHPStorm的调试工具栏控制代码的执行流程,这将有助于你更有效地调试和排除代码中的问题。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值