浅谈VSCode中配置PHP开发环境的方法

本篇文章给大家介绍一下vscode中配置php开发环境的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

浅谈VSCode中配置PHP开发环境的方法

【推荐学习:《vscode》、《vscode》】

一、下载XAMPP

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

立即学习“PHP免费学习笔记(深入)”;

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:XAMPPphp”)添加进环境变量-系统变量-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)复制到phpext文件夹下
用记事本修改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


登录后复制

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

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

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

在这里插入图片描述

7、运行结果
在这里插入图片描述

更多编程相关知识,请访问:vscode!!

以上就是浅谈VSCode中配置PHP开发环境的方法的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3042686.html

(0)
上一篇 2025年3月13日 14:27:29
下一篇 2025年2月27日 17:07:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解vscode中配置PHP开发环境的方法

    本篇文章给大家详细介绍一下如何在vscode配置php开发环境。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 一、下载XAMPP XAMPP是一个易于安装的Apache发行版,其中包含MariaDB、PHP和Perl。仅…

    2025年3月13日 编程技术
    200
  • 详解VSCode中如何调试Golang工程

    本篇文章给大家介绍一下使用vscode调试golang工程的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 推荐学习:《vscode》 关键字 最简单的调试攻略多项目调试, 适用个人开发和项目开发无需修改系统环境变量…

    2025年3月13日
    200
  • 聊聊给vscode编辑器设置图片背景的方法

    本篇文章给大家详细介绍一下给vscode编辑器设置图片背景的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【推荐学习:《vscode》】 先看一个效果展示~ 方法 为了可随时修改,你可以在你的~/.vscode文件…

    2025年3月13日
    200
  • VScode如何禁止自动升级

    本篇文章给大家介绍一下禁用vscode升级和禁止vscode自动升级插件的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 VScode版本V1.54.1 VScode升级设置 VScode每个月会发布一个新版本。 默…

    2025年3月13日 编程技术
    200
  • vscode中如何断点调试nodejs

    在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢? 配置 vscode打开node项目点击左侧调试按钮 点击Run and Debug 选择语言为nodejs 点击设置按钮添加…

    2025年3月13日 编程技术
    200
  • vscode如何配置eslint+prettier来格式化Vue代码

    本篇文章给大家介绍一下vscode+eslint+prettier格式化vue代码的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 项目背景 : vue-cli  先安装好这三个插件,然后根据配置清单按需配置 ESl…

    2025年3月13日
    200
  • VSCode中如果配置中文界面(汉化)

    本篇文章给大家介绍一下vscode中配置中文界面的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【推荐学习:《vscode》】 默认情况下,Visual Studio Code附带英语作为显示语言,其他vscode…

    2025年3月13日 编程技术
    200
  • 深入解析VSCode代码高亮原理

    本篇文章给大家深入解析vscode代码高亮原理。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 全文5000字,解读 vscode 背后的代码高亮实现原理,欢迎点赞关注转发。 Vscode 的代码高亮、代码补齐、错误诊断、…

    2025年3月13日 编程技术
    200
  • 提高前端开发效率的vscode必备插件(分享)

    本篇文章给大家分享一些提高前端开发效率的vscode必备插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【推荐学习:《vscode》】 vscode前端必备插件-提高开发效率 1、Auto Close Tag  立即…

    2025年3月13日 编程技术
    200
  • 聊聊vscode中如何配置vue文件自定义模板

    本篇文章给大家介绍vscode中vue文件自定义模板的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 具体步骤 1、文件 –> 首选项 –> 用户片段 在输入框输入vue(如果要设…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论