搭建PhpStorm+PhpStudy开发环境的超详细教程

刚开始接触PHP开发，搭建开发环境是第一步，网上下载PhpStorm和PhpStudy软件，怎样安装和激活就不详细说了，我们重点来看一看怎样搭配这两个开发环境。

前提：现在假设你已经安装完PhpStorm和PhpStudy软件。

我的PhpStorm使用的是默认安装目录，这个没什么疑问的，PhpStudy软件我选择解压的目录是G:\Program Files\ 。

在PhpStudy软件的解压目录下的www文件夹就是我们的网站根目录。

现在我们使用PhpStorm新建一个新工程。

第一步：打开PhpStorm软件，点击创建新项目，在输入框填写项目名称，项目存放地址，项目类型信息。

这里我的配置信息看上图。填写完点击确定。

第二步：设置PHP项目的版本信息

这里我选择的level是PHP5.6

Interpreter现在默认是没有的，我们要先配置一下。

点击在Interpreter的选择框旁边的按钮，跳转到的界面如下图：

默认没配置过的左手边的框里面是空白的，我已经配置过了，所以现在左手边有了两个Interpreter版本，现在我们要新建一个Interpreter，点击1位置的按钮添加Interpreter，在2的位置填写这个Interpreter的名称，位置3是我们要设置的php.exe文件位置，点击右手边的"...",在弹出的对话框中选择我们Phpstudy的php.exe文件位置（Phpstudy帮我们集成了php）。

配置完成之后点击确定。现在我们回到前一个界面，点击下拉就可以看到我们刚才配置的Interpreter。

这里选上其中一个，看你要使用什么版本咯。再点击确定，这时候创建新工程就完成了。

第三步：新建php文件

现在我们的工程是没有文件的，需要我们新建网页文件。选中项目文件右键-->新建，可以看到有好几种文件格式：

我新建了两个文件如下图:

文件的内容如下：

form.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PHP处理表单2</title>
</head>
<body>
<form action="welcome.php" method="post">
  名字: <input type="text" name="fname">
  年龄: <input type="text" name="age">
  <input type="submit" value="提交">
</form>
</body>

welcome.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>$_POST获取表单post信息</title>
</head>
<body>
<?php
echo "欢迎".$_POST["fname"]."!<br/>";
echo "你的年龄是".$_POST["age"]."岁。";
?>
</body>
</html>

现在打开form.html文件，鼠标点击文件内容的任意地方，会有个悬浮框出现：

这个是可以选择打开form.html文件的浏览器，我们选择其中一个可以看看form.html文件的显示效果，其实只是一个简单的表单：

重点来了，也是我写这篇博客的目的，我们填写表单信息之后点击“提交”按钮，我们要实现的效果是跳转到welcome.php页面，并显示form.html页面我们填写的名字和年龄信息 。问题来了，跳转之后浏览器显示“文件找不到”。这就郁闷了，为什么form.html文件也可以打开，而welcome.php文件跟form.html文件都是放同一级目录下的啊，怎么会找不到呢，折腾了一天，终于发现问题了，原来我编辑的只是本地文件，至于form.html文件能打开是因为Phpstorm软件自动帮我们把文件使用本地服务器打开所以能找到，而welcome.php文件我们并没有提交到本地服务器上。

下面是解决方式（主要是配置本地服务器）；

步骤一：配置本地服务器

选择:工具-->Deployment-->Configuration

初次是没有任何配置信息的：

我们点击“+”添加服务器配置，在弹出框中选择“Local or mounted folder”：

下面的配置很重要，关乎文件能否正常被找到，添加完服务器之后我们就要配置文件的位置了：

选择 “Connection”，位置3就是刚才我们选择的服务器类型，关键是位置4和5。

“Upload/download project files”意思是上传或下载的文件目录 ，这里很关键，因为我们使用的是PhpStudy，PhpStudy有自己的网站目录，这里我设置的是PhpStudy的网站根目录，就是我们之前PhpStudy解压的位置G:\Program Files\phpStudy\WWW，待会就知道这个目录位置有什么用了。

"Browse files on server" 意思是服务器项目的访问地址（就是用浏览器可以打开项目页面的链接地址），这里可以写成PhpStudy的根地址“http://localhost/”，后面可以再指定具体的文件位置。

选择“Mappings”，如下图配置：

这里注意位置2是被选上的，成灰色不可点击。

位置3就是项目源文件的地址，我的项目文件是放在“G:\Php-workspace\MyTest”目录下。

位置4是项目在本地服务器的详细文件夹位置（相对于我们在 “Connection”设置的“Upload/download project files”位置，就是我们待会把源代码上传部署到服务器的文件位置），这里我指定为“/phpStudyTest”，待会工程上传的时候就会上传到“G:\Program Files\phpStudy\WWW\phpStudyTest”这个phpStudyTest文件夹下。

位置5是相对于我们在 “Connection”设置的"Browse files on server"的位置，我们的项目现在放到了“localhost”的根位置phpStudyTest文件夹下了，所以设置为“/phpStudyTest”。

位置6就是我们可以用浏览器打开项目的链接地址预览。

关键是要理解清楚这几个文件夹的意思，不然是访问不到网页文件的。

配置完之后点击“确定”，现在我们还是没有把工程上传到服务器的，下一步就是设置上传工程的配置。

步骤二：配置运行调试环境

点击编辑结构：

展开 Default -> PHP Web Application,现在是<no server>状态，如下图：

点击“...”按钮，在弹出框中点击“+”添加服务器信息

位置1 填写配置的名称，位置2填写我们本地服务器的地址，这里是“localhost”，端口默认是80，Debugger默认就好了，也可以去配置Xdebug，这里不重点讲。填写完成之后点击：应用->确定。

回到上一个页面，在Server下拉就可以看到我们配置名称：

位置2是我们默认的链接开始位置，这里填“/”就好了。

位置3是我们用于调试的默认浏览器类型。

现在一切都配置好了。OK！！！！！！！！！！！！！！

部署工程到服务器

点击工程右键也可以的，我们选择点击工具栏，点击位置如下图：

上传成功之后，控制台输出;

如果不想每次都手动上传，可以设置自动模式，自动模式下当我们修改了文件并保存之后，软件自动把修改的文件上传到服务器。设置如下:

现在我们来看看效果：

点击运行form.html

再点击提交，现在能正常跳转了：

工程源码：

http://xiazai.jb51.net/202009/yuanma/MyTest_jb51.rar

好了，本文结束了，希望能帮到还在寻找解决方法的同学。这也是本人通过实践得出来的总结，希望尊重别人的劳动成果，写这么长不容易的，转载记得要标上原文链接地址。

如果有什么写得不好的地方欢迎指出，谢谢。

到此这篇关于搭建PhpStorm+PhpStudy开发环境的超详细教程的文章就介绍到这了,更多相关PhpStorm+PhpStudy开发环境内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • PhpStorm2020 + phpstudyV8 +XDebug的教程详解

    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.jetbr

  • 搭建PhpStorm+PhpStudy开发环境的超详细教程

    刚开始接触PHP开发,搭建开发环境是第一步,网上下载PhpStorm和PhpStudy软件,怎样安装和激活就不详细说了,我们重点来看一看怎样搭配这两个开发环境. 前提:现在假设你已经安装完PhpStorm和PhpStudy软件. 我的PhpStorm使用的是默认安装目录,这个没什么疑问的,PhpStudy软件我选择解压的目录是G:\Program Files\ . 在PhpStudy软件的解压目录下的www文件夹就是我们的网站根目录. 现在我们使用PhpStorm新建一个新工程. 第一步:打开P

  • Idea 搭建Spring源码环境的超详细教程

    本篇主要讲解如何使用Ideal 搭建Spring的源码环境,想必大家都会多多少少去看过Spring的部分源码,一般我们都是直接点进某个Spring类 然后Idea上面去下载 ,但是确实比较麻烦,而且不能添加自己对源码的注释 理解 ,本篇就来解决这个问题,手把手使用Idea 搭建Spring framework ,并且直接在Spring framework项目中添加我们自己的module 来验证环境是否正确. 本过程会比较耗时 而且容易出错 慢慢来吧. 1. clone spring-framew

  • Deepin20安装开发环境的超详细教程

    Deepin安装开发环境 系统环境配置 挂载分区 1.挂载分区(需要先卸载分区): deepin:sudo mount -t ext4 /dev/sda3 /media/zgren -o ro 此处使用deepin官网用的这个 sudo mount /dev/sda3 /media/aborn/data 2.查询uuid: sudo blkid /dev/sda3 3.修改分区文件,防止重启后挂载无效 vim /etc/fstab 添加如下内容: UUID=查询到的UUID /media/abo

  • pcl1.8.0+vs2013环境配置超详细教程

    pcl1.8.0+vs2013环境配置超详细教程

    目录 准备 安装 配置 最近开始学习pcl,经过几天的捣鼓终于将pcl1.8.0和vs2013的环境搭建起来. 准备 pcl版本:PCL-1.8.0-AllInOne-msvc2013-win64 vs版本:vs2013 下载地址链接:链接: https://pan.baidu.com/s/1L6trLERkzylkBUjTw94RNQ?pwd=ep39   提取码: ep39 因为我的电脑是64位的,所以只有64位版本. 安装 vs2013下载解压默认安装就好了. PCL整个安装过程需要注意以

  • Spring Boot 开发环境热部署详细教程

    在实际的项目开发过中,当我们修改了某个java类文件时,需要手动重新编译.然后重新启动程序的,整个过程比较麻烦,特别是项目启动慢的时候,更是影响开发效率.其实Spring Boot的项目碰到这种情况,同样也同样需要经历重新编译.重新启动程序的过程. 只不过 Spring Boot 提供了一个spring-boot-devtools的模块,使得 Spring Boot应用支持热部署,无需手动重启Spring Boot应用,,提高开发者的开发效率.接下来,聊一聊Spring Boot 开发环境热部署

  • 史上最贴心的 VS code C++ 环境配置超详细教程

    史上最贴心的 VS code C++ 环境配置超详细教程

    前言 秦朝打败天下无敌手的室友法苏ovo前几天参加了CCSP,裸考的他遇见了Linux下的VsCode,然后搭C++环境搭了很久. 于是,他就学会了如何配置vscode的C++环境,然后,我也顺路学会了.真好. 一.VS code 前言 VS code作为一款当下非常受欢迎的一款IDE,关于它的优势这里就不赘述了,但想必用过它的人都应该体验过配环境的绝望,尤其是C++环境的配置. 有一说一,VS code 上面C++调试起来是真的挺方便的,真的很棒. 这里给大家介绍两种C++环境配置方法: 纯手

  • Windows下PyCharm配置Anaconda环境(超详细教程)

    首先来明确一下Python.PyCharm和Anaconda的关系 1.Python是一种解释型.面向对象.动态数据类型的高级程序设计语言. 虽然Python3.5自带了一个解释器IDLE用来执行.py脚本,但是却不利于我们书写调试大量的代码.常见的是用Notepade++写完脚本,再用idle来执行,但却不便于调试.这时候就出现了PyCharm等IDE,来帮助我们调试开发. 2.PyCharm是一种Python IDE,带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调

  • 使用docker搭建一套开发环境全家桶的详细教程

    DNMP介绍 DNMP(Docker + Nginx + MySQL + PHP7/5 + Redis)是一款全功能的LNMP一键安装程序.支持的服务丰富.功能强大.使用简单.兼容多平台.是适用于多端的一款docker开发与生产环境的PHP环境全家桶. DNMP项目特点: 100%开源 100%遵循Docker标准 支持多版本PHP共存,可任意切换(PHP5.4.PHP5.6.PHP7.1.PHP7.2.PHP7.3) 支持绑定任意多个域名 支持HTTPS和HTTP/2 PHP源代码.MySQL

  • 使用Docker+jenkins+python3环境搭建超详细教程

    使用Docker+jenkins+python3环境搭建超详细教程

    前言: 自动化写好后需要在服务器上每日定时运行遇到,这样的一个问题,Jenkins容器是在docker中安装的 ,然后从git上拉取代码 发现代码在jenkins容器的目录当中,运行的时候提示没有安装python环境还第三方库. 解决方法有3种: 第一种:启动jenkins容器时 将容器的目录挂载到宿主机目录上去执行(方法不能实现)Pass 第二种:在jenkins上创建本地节点,将代码拉取到本地 然后去运行本地项目(在本机上使用比较方便,但是局限性比较小) 第三种:重新封装jenkins镜像,

  • windows下在vim中搭建c语言开发环境的详细过程

    windows下在vim中搭建c语言开发环境的详细过程

    1 代码格式化 C语言代码的格式化需要使用clang-format,而clang-format被集成在了llvm中,所以需要先安装llvm,点击此处下载 下载之后运行安装文件,将其中的bin目录添加到环境变量path中(需重启电脑使新添加的环境变量生效).例如我安装后的目录为C:\wsr\LLVM\bin,图中的clang-format就是格式化c代码需要的组件 1.1 clang-format初体验 test1.c #include <stdio.h> int main(int argc,

随机推荐