• 技术文章 >开发工具 >VSCode

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

    青灯夜游青灯夜游2021-08-04 18:34:56转载3744
    本篇文章给大家介绍一下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 = 1
    
    xdebug.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、运行结果
    在这里插入图片描述

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

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

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:VSCode PHP开发环境
    上一篇:VSCode中日常开发实用插件推荐 下一篇:分享10款高效的VSCode插件,总有一款能够惊艳到你!!
    线上培训班

    相关文章推荐

    • 详解VSCode利用Git来可视化管理源代码的方法• 浅谈VSCode无需插件自动补全html标签、style样式的方法• 分享一个实用插件:VSCode Drawio,让VSCode也能画流程图!!• VSCode如何更好用?VSCode新手指南分享

    全部评论我要评论

  • 눈_눈

    感谢!解决了连接问题

    2021-04-25

  • 取消发布评论发送
  • 1/1

    PHP中文网