XAMPP+PhpStorm

最新推荐文章于 2023-02-18 15:56:07 发布

Zhang庆欢

最新推荐文章于 2023-02-18 15:56:07 发布

阅读量1.4k

点赞数 5

分类专栏：计算机文章标签： php xampp

本文链接：https://blog.csdn.net/qq_39909808/article/details/114413043

版权

计算机专栏收录该内容

29 篇文章 0 订阅

订阅专栏

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的流程你已经走完了！！！
在这里插入图片描述

Zhang庆欢

关注

5
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
XAMPP+PhpStorm

PhpStorm的配置首先右键你的文件名建一个新的php文件，代码如下：在该php文件中写入下面的代码：<!DOCTYPE html><html><body><h1>My first PHP page</h1><?phpecho "Hello！！！！ World!";?></body></html>1.【File】->【Settings】->【Languages&a
复制链接

扫一扫