微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在VSCode配置PHP开发环境详细版

如何在VSCode配置PHP开发环境(详细版)?不懂的小伙伴快来学习吧!相信你们看完这篇文章一定会有所收获的

一、下载XAMPP

XAMPP是一个易于安装的Apache发行版,其中包含MariaDB、PHP和Perl。仅仅需要下载并启动安装程序。

XAMPP下载地址

官网下载:https://www.apachefriends.org/zh_cn/download.html

在这里插入图片描述

其他地址下载:http://xiazai.zol.com.cn/detail/38/372445.shtml
(建议下载这个,选择本地下载-电信通道或者联通通道都可以)

下载完后,PHP版本号是下面这个,后面需要用到

在这里插入图片描述

安装XAMPP

一路NEXT,安装地址最好不要选C盘,笔者安装的是英语版。

安装成功

在这里插入图片描述


根据需求开启,笔者写PHP的话选择开启Apache。

添加系统变量

PHP.exe所在文件夹路径(笔者的是“D:\XAMPP\PHP”)添加环境变量-系统变量-Path中(直接搜索搜索系统变量便可找到)。

在cmd中输入PHP -v,检查是否配置成功
配置成功

在这里插入图片描述

二、 下载xdebug插件

下载地址:https://xdebug.org/download
下载什么PHP版本,可以在XAMPP中的README看到
(笔者的是PHP 7.4.0,而且是Thread safe版本,对应的是带TS的版本,下载下来对应的不带nts的版本,文件名:PHP_xdebug-2.9.7-7.4-vc15-x86_64.dll)

在这里插入图片描述

添加配置

把下载的x-debug文件PHP_xdebug-2.9.7-7.4-vc15-x86_64.dll)复制到PHP\ext文件夹下
用记事本修改PHP.ini文件,在文件末尾添加几行配置信息,然后保存。

[xdebug]zend_extension=D:/xampp/PHP/ext/PHP_xdebug-2.9.7-7.4-vc15-x86_64//这个地址以及文件名一定要正确xdebug.remote_enable = 1xdebug.remote_autostart = 1

三、下载并安装VSCode

下载地址:https://code.visualstudio.com/

在VSCode中安装调试插件

1、点击扩展栏,输入PHP,选择PHP Debug安装。

在这里插入图片描述


2、点击VSCode的 文件-首选项-设置(不同版本可能显示不同,注意查找用户设置),在设置里面的扩展找到PHP,点击setting.json添加以下一行配置:

PHP.validate.executablePath: D:/xampp/PHP/PHP.exe,//地址是PHP.exe文件所在的位置

在这里插入图片描述


3、配置Debug

跳出的launch.json认即可,不需要改动。

4、然后简单调试下,验证配置是否成功。
注意,一定要以打开文件夹的形式才能成功设置断点调试,单个文件无效。可以选择D:/xampp/PHP/www

<?PHP$a = 'hello world';echo $a;?>

设置断点,然后启动调试。

5、在浏览器中打开要调试的PHP(不是文件路径而是服务器的地址(http://localhost:3000/hello.PHP)),VSCode就会命中到打断点的地方。

6、最后推荐安装这个插件PHP Server
可以选择右键 PHP Server:Serve project,直接跳转到浏览器

在这里插入图片描述

7、运行结果

在这里插入图片描述

推荐学习:《PHP教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐