【图文详细】用HBuilder X写PHP并且能够在浏览器运行打开

最新推荐文章于 2024-02-20 16:06:42 发布
置顶 最新推荐文章于 2024-02-20 16:06:42 发布
阅读量1.3w 收藏 37
点赞数 2
分类专栏： 实用小技巧 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45861504/article/details/105981070
版权

现在一般开发PHP大家使用的编辑器有：zend studio，editplus，vs code等等，就拿当下就流行的vs code来说吧，对于小白实在是不友好，又要安装这个又要安装那个，而且还要进行汉化破解，属实麻烦。
今天就教大家如何使用HBuilder X写PHP，既方便又简洁~~

用到的工具：
HBuilder X
phpStudy

这里我用到的是集成环境，单独php安装环境的设置原理相同

桌面右下角右键phpStudy
在这里插入图片描述
设置Apache的httpd端口和HBuilder X的内置Web服务器端口一样
在这里插入图片描述
在这里插入图片描述
HBuilder X安装对应插件
在这里插入图片描述
最后将phpStudy的WWW目录拉进HBuilder X就大功告成啦！！以后新建项目直接创建到WWW目录
在这里插入图片描述

小艺同学啦
关注
  • 2
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
在IIS 7中配置PHP运行环境简单步骤[图文教程]
09-30
在IIS 7中配置PHP运行环境简单步骤，需要的朋友可以参考下。
PHP-HBuilderX+PHPStudy环境配置
害怕也得前进
02-13 1万+
HBuilderX+PHPStudy环境配置
HBuider X运行不了php，运行显示“浏览器运行尚不支持此种类型文件”
weixin_52263647的博客
12-07 4658
HBuider X运行不了php，运行显示“浏览器运行尚不支持此种类型文件”，HBuilder X不支持php运行
hbuilder能开发php吗
weixin_45738493的博客
10-19 2335
HBuilder是非常高效、快速的网站开发编辑器，我们用Hbuilder做网站后台php开发时，如果想要点击工具栏上的浏览器按钮进行快速预览，本文将详细介绍在前端开发神器Hbuilder中集成运行PHP的环境。 因为HBuider没有集成php运行环境，所以要依赖于一个环境，比如XAMPP、AppServ、WAMP等等，配置过程都是大同小异的，关键看个人的喜好，喜欢用哪种环境。本文用的是XAMP...
2021-02-09 我的第一篇文章：HBuilder X搭建php环境
qq_43393232的博客
02-09 3238
HBuilder X搭建php环境Let's go! 最近开始了一个app毕设项目，记录自己学习过程中遇到的问题以及解决方案，共大家学习参考，欢迎指正！ Let’s go! 1.百度下载 php集成环境:phpstudy，我选择的集成环境工具安装在路径:D:\phpstudy_pro，毕竟不是所有软都只需要安装在c盘 2.配置环境，安装好php插件，进行端口 测试 3.然后在工具首页,点击 一键启动:WNMP启动 4.然后在HBuilder工具里面顶部----运行—运行到浏览器—配置web服务器 5.
在HBuilder上配置php开发环境
是希望的博客
11-06 2586
在HBuilder上配置php开发环境的简单步骤
hbuild 编译 php,Hbuilder的PHP环境搭建
weixin_29474431的博客
03-20 774
Hbuilder的PHP环境搭建目录1.Apche的设置2.Mysql的设置3.将php文件布置到xmapp中HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。因为HBuilder内置的web服务器版只能看简单的HTML、js、css，不具备php解析能力，需要...
PHP开发环境搭建
qq_53030229的博客
03-31 647
文章目录一、phpstudy下载？二、安装HbuliderX 我们将使用hbuilderx、phpstudy搭建PHP开发工具[^1] 一、phpstudy下载？ phpStudy是一个搭建网址的工具，同时PHP也是调试环境的程序集成包。 添加链接描述 1、下载完成最后直接安装，然后打开页面启动Apache。 2、打开浏览器输入框，输入127.0.0.1或localhost点击回车键，如果显示这个界面，则表示安装成功了。 二、安装HbuliderX 1.首先，先安装HbuilderX,当然hbuilde
（超详细）HBuilder+wampserver配置PHP开发运行环境
Z_r_s的博客
04-27 5367
1、下载HBuilder和wampserver 下载地址： HBuilder：https://pc.qq.com/detail/3/detail_22603.html wampserver：https://sourceforge.net/projects/wampserver/ 软件下载和安装都很简单，不做多余讲述。 2、配置HBuiler的web服务器 这里强调一下蓝色字体部分，后...
hbuilder运行不了php文件是什么原因？
最新发布
JttiSEO的博客
02-20 861
　　如果 HBuilder 无法运行 PHP 文件，可能是由于以下几个常见原因导致的：　　未安装 PHP 解释器： HBuilder 需要安装 PHP 解释器才能运行 PHP 文件。请确保您的系统中已经安装了 PHP，并且已正确配置了环境变量。　　PHP 解释器路径错误： 如果 HBuilder 没有正确配置 PHP 解释器的路径，将无法执行 PHP 文件。您需要在 HBuilder 的设置中正确配置 PHP 解释器的路径。　　文件关联错误： 如果您的 PHP 文件没有正确关联到 PHP 解释器，HBuil
如何在HBuilder里面运行php文件
热门推荐
信鸽1314
11-29 1万+
1.首先在HBuilder里面配置外部服务器 2.绑定你的项目，即在下面圈选的地方写上你项目的完整路径 3.点击下面的图标运行你的项目 注意：到此处就成功了。 ...
OPPO K7X-mtk强解锁bl工具+root详细图文教程
07-08
OPPO K7X-mtk强解锁bl工具+root详细图文教程 1---资源内带详细的图文教程步骤 2---资源内带相关解锁bl驱动与解锁工具 3---按步骤操作即可解锁bl 然后按步骤获取面具root权限 4---从此走向自己机型玩机搞机之路。...
Windows server 2008搭建php运行环境图文详解(php5.3)
09-30
主要为大家分享下Windows server 2008搭建php运行环境的步骤，需要的朋友可以参考下
Windows下Apache+MySQL+PHP运行环境的安装图文方法
09-11
Windows下Apache+MySQL+PHP的安装方法，刚开始学习php的朋友最好能自己掌握下，如果已经会了不想花时间用在建设平台上面，可以直接用一些php运行环境包，例如phpnow等。
win2008 php运行环境搭建图文教程
01-20
在这里我们要介绍windows server 2008中的php环境搭建。 1.安装IIS windows server 2008的IIS版本为7.0，包括fastcgi，安装十分方便。 打开“开始”菜单→“服务器管理”，出现服务器管理界面（图1) 图1 – ...
用hbuilder写php,hbuilder能写php吗
weixin_29109553的博客
03-28 1848
HBuilder是非常高效、快速的网站开发编辑器，我们用Hbuilder做网站后台php开发时，如果想要点击工具栏上的浏览器按钮进行快速预览，本文将详细介绍在前端开发神器Hbuilder中集成运行PHP的环境。因为HBuider没有集成php运行环境，所以要依赖于一个环境，比如XAMPP、AppServ、WAMP等等，配置过程都是大同小异的，关键看个人的喜好，喜欢用哪种环境。本文用的是XAMPP环...
hbulider写后台php,【后端开发】hbuilderx的php怎么运行设置
weixin_35323550的博客
03-19 1600
一、首先当然是要开启环境了，首先找到安装XAMPP的文件夹，点击打开“xampp-control” 文件，点击start““开启”Apache”和“MySQL”二、在XAMPP的安装路径下，在htdocs文件夹下新建项目phpinfo(即为一个文件夹)三、打开Hbuilder软件，选择“文件”–“打开目录”选择刚刚创建的phpinfo文件四、在HBuilder上安装支持PHP的插件，点击“工具”–...
HBuilder开发PHP配置
weixin_44649210的博客
05-16 4250
1. HBuilder插件安装。打开【工具】=>【插件安装】 ，因为HBuilder不支持解析php代码，所以我们安装Aptana php插件。 2. 为HBuilder设置外置web服务器。点击【运行】=>【浏览器运行】=>【设置web服务器】,新建一个外置web服务器并且配置如图8081是我们设置Apache时设置的端口号。 点击确定之后重新回到web服务器设置，为php类文件选择设置外置服务器 3.查询对应的XDebug版本。复制phpinfo整个网页内容，即http://l
【最详细，附源码】HBuilder X3.1.22最新安装教程
weixin_68789096的博客
08-10 1086
HBuilder X是一款为前端量身订制的多功能代码编辑器，它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP，还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。
使用uniapp实现微信QQ的分享图文分享后最下方不显示HBuilder
05-26
在uniapp中实现微信QQ的分享图文分享后最下方不显示HBuilder，可以通过以下步骤来实现： 1. 在manifest.json文件中，将"app-plus"->"distribute"->"share"->"weixin"和"qq"节点中的"debug"属性设置为false。 2. 在分享时，将分享的标题和描述设置为你要分享的内容，而不是默认的HBuilder。 3. 在uniapp中，可以使用uni.shareAPI方法来进行分享操作。示例代码如下： ``` uni.shareAPI({ provider: 'weixin', scene: 'WXSceneSession', type: 0, title: '分享标题', summary: '分享描述', imageUrl: '分享图片地址', href: '分享链接地址', success: function () { console.log('分享成功'); }, fail: function (err) { console.log('分享失败：' + err); } }); ``` 4. 如果您想要修改分享的样式，可以在manifest.json文件中的"app-plus"->"distribute"->"share"->"weixin"和"qq"节点中自定义分享界面的样式。示例代码如下： ``` "app-plus": { "distribute": { "share": { "weixin": { "title": "微信", "debug": false, "scenes": ["WXSceneSession", "WXSceneTimeline"], "imageUrl": "res/xxx.png", "extra": { "scene": "WXSceneSession", "sceneDesc": "分享到微信好友", "showMessageCard": true, "enableShareApp": true, "enableAutoDegrade": true, "enableShareTimeline": true, "enableShareFavorites": true, "enableShareToOtherApp": true, "shareToOtherAppTitle": "更多分享方式", "shareToOtherAppUrl": "http://www.example.com", "miniProgramType": 0, "miniProgramPath": "/pages/index/index", "miniProgramUserName": "gh_xxxxxxx", "miniProgramWebUrl": "http://www.example.com", "miniProgramImageUrl": "res/xxxx.png", "miniProgramTitle": "小程序标题" } }, "qq": { "title": "QQ", "debug": false, "imageUrl": "res/xxx.png", "extra": { "scene": "QQ", "sceneDesc": "分享到QQ", "shareToQzone": true, "imageUrlLocal": true, "imageUrlLocalPath": "/res/xxx.png", "appName": "应用名称", "appId": "应用ID", "shareToTroop": true, "shareToWeibo": true } } } } } ``` 通过以上步骤，您可以在uniapp中实现微信QQ的分享图文分享后最下方不显示HBuilder。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值