PHPstudy + VScode配置PHP开发环境

本文详细介绍了如何在PHPstudy中选择PHP版本,启用XDebug调试组件,以及如何在VScode中进行软件汉化、安装扩展和配置环境变量,以实现PHP开发环境的设置和调试功能。
摘要由CSDN通过智能技术生成

目录

PHPstudy

PHP版本选择

打开XDebug调试组件

启动PHPstudy

注意!

注意1

注意2

VScode

软件汉化

安装扩展插件

配置Open...扩展

配置PHP插件的settings.json文件

添加系统变量

测试

输出带路径

结语



PHPstudy

PHP版本选择

打开PHPstudy选择界面左侧的软件管理,点击右侧上方的PHP选择合适的版本

当然软件本来就预装好了php7.3.4nts的PHP版本的啦,也可以选择自己想要的版本啦,后面需要自己注意修改,这里使用的是php7.3.4nts的PHP版本

打开XDebug调试组件

点击PHP版本后面的设置,在弹出页面选择拓展组件,打开XDebug调试组件(关闭的时候是灰色的,显示OFF,打开了如图显示蓝色的ON)

启动PHPstudy

点击PHPstudy左侧的首页,再点击WNMP中的切换确定自己选择的是Apache和MySQL点击确定后就可以启动啦

注意!

做完第三步PHPstudy的步骤算是完成了,需要注意几点

注意1

图中的软件自带域名下载时自带,不要尝试修改,要不然会给后面带来大麻烦

注意2

启动的时候一定要是把Apache和MySQL启动起来,默认是Nginx和MySQL

VScode

软件汉化

打开VScode 进入后发现是英文,我们前期下载汉化插件。点击左侧第四个按钮,进入扩展商店,在输入框内输入Chinese,点击第一个,按install进行安装,安装完毕后会像图中一样弹出重启提示,点击右下角的Restart按钮进行重启

安装扩展插件

进入到我们的扩展商店中安装对PHP的额外支持,安装图中几个插件,分别是

PHP Debug PHP Intelephense PHPIntelliSense

OPen这个插件为了方便才安装的可装可不装

配置Open...扩展

点击左侧的扩展商店选择Open...,点击设置(小齿轮)选择扩展设置

填写下图中内容(填写自己的phpstudy_pro中WWW的位置),下面的Edge则为要其显示在的浏览器名称(前提电脑里有)

ps:仔细看好填写内容的地方,顺序可能会不一样的,有的是填写浏览器的在上面

配置PHP插件的settings.json文件

点击VScode的文件->首选项->设置->拓展->找到PHP插件,也可以在进入设置之后直接在上面的搜索中搜索PHP

分别点击PHP和PHP IntelliSense插件的 settings.json文件

第一下点击了PHP的settings.json文件后会跳转到编辑settings.json文件里面的,这时候点击上方的设置即可回去(如图所示)

注意!两个都点击后的settings.json文件为下图:

找到phpstudy安装路径中的php.exe文件路径:D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe;将这个路径复制到上一步找到的json文件中的php.validate.executablePath 和 php.executablePath 属性值里

这里填写的7.4.3是因为本来路径为7.3.4的时候无法运行提示需要7.4以上版本的PHP,所以....

添加系统变量

右键此电脑属性-->高级系统设置-->环境变量,选择系统变量中的path 点击编辑,在弹出的窗口点击新建将php.exe的文件夹路径添加进去

按住 win+r 打开运行输入cmd,输入 php -v  显示有php版本即为成功,否则失败

ps:路径输入后需要把设置页面全部关闭,不关闭运行 php -v 可能不显示php版本

测试

打开VScode

文件->打开文件夹->打开PHPstudy安装路径下的WWW文件夹:D:\phpstudy_pro\WWW

ps:这里的路径是我的安装路径,各人安装的路径各有不同

右键新建文件 test.php

输入测试内容后就可以点击菜单栏的运行下的启动调试,在下方的调试控制台可以看到输出结果;如果没有显示调试控制台,可以打开菜单栏的终端里的新终端

ps:可以按 F5 快捷启动调试

若调试控制台没有显示,可以确认一下PHPstudy有没有开启服务,确定开启后打开浏览器,在网址栏中输入 http://localhost/test.php 显示如下图,则同样配置成功

ps:如果安装了Open那个插件,可以在代码区右键点击Open这个插件进入浏览器查看

输出带路径

这个其实不算错误,目前只有用var_dump()这类在网页显示有这种情况,网上说是xdebug的原因,还有一种说法是在xdebug中修改,可能版本不一致,没找到怎么改....

结语

晚安晚安晚安晚安晚安玛卡巴卡!

要在VScode配置PHPStudy,你需要按照以下步骤进行操作: 1. 首先,打开VScode,并安装PHP插件,可以在扩展市场搜索并安装"PHP"插件。 2. 接下来,找到VScode的设置(Preferences)并打开设置文件。你可以通过点击左侧菜单栏中的齿轮图标,然后选择"Settings"来打开设置。 3. 在设置文件中,找到"php.executablePath"选项,将其值设置为你PHPStudy中的php.exe文件的路径。比如,如果你的PHPStudy安装在"D:/phpstudy_pro/Extensions/php/php5.3.29nts/php.exe",那么你需要将"php.executablePath"的值设置为该路径。 [1] 4. 同样地,找到"php.validate.executablePath"选项,并将其值设置为相同的PHP.exe文件的路径,以确保代码验证工具正常工作。 [2] 5. 保存设置文件后,重新启动VScode即可完成配置。 [3] 通过以上步骤,你就成功配置VScodePHPStudy的集成,可以在VScode中进行PHP开发了。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vscode+phpstudy配置php环境](https://blog.csdn.net/weixin_52414722/article/details/127931817)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [VScode+PHPstudy配置PHP开发环境详解](https://blog.csdn.net/weixin_44337475/article/details/108687166)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值