如何在VSCode配置PHP开发环境

目录
  • 一、下载XAMPP
  • 二、 下载xdebug插件
  • 三、下载并安装VSCode

一、下载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开发环境的详细内容，更多关于VSCode配置PHP开发环境的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Docker搭建php环境教程详解

    docker 安装 使用官方提供的安装脚本,安装最新版的Docker curl -sSL https://get.docker.com/ | sh 安装完成后,通过如下命令启动Docker的守护进程,并让它随系统启动自动加载 sudo service docker start sudo chkconfig docker on ## 或者 sudo systemctl start docker sudo systemctl enable docker 添加用户(jerry)到Docker组 sud

  • VSCode+PHPstudy配置PHP开发环境的步骤详解

    第一步:下载安装VSCode编辑器 第二步:下载安装PHPstudy集成环境 第三步:打开PHPstudy,选择界面左侧中的环境 第四步:点击右侧PHP运行环境下面的更多,选择适合的PHP版本 第五步:点击PHPstudy左侧环境,再点击右侧PHP选项中的设置,在弹出的界面中选择扩展组件,再点击XDebug调试组件,记住端口监听号是多少,最后点击确认 第六步:点击PHPstudy左侧的首页,点击WNMP红点切换适合的Web服务器,然后点击启动 第七步:打开VSCode编辑器,在欢迎使用界面中,找

  • phpStudy vscode 搭建debug调试的教程详解

    下载地址 phpstudy:https://www.xp.cn/download.html vscode:https://code.visualstudio.com/ 设置 phpstudy版本:7.3.4nts [Xdebug] zend_extension=D:/phpstudy_pro/Extensions/php/php7.3.4nts/ext/php_xdebug.dll xdebug.collect_params=1 xdebug.collect_return=1 xdebug.au

  • php在linux环境中如何使用redis详解

    1.php安装. 2.下载redis并编译(最好是在 /usr/local目录下运行该命令) # wget http://download.redis.io/releases/redis-6.0.8.tar.gz # tar xzf redis-6.0.8.tar.gz # cd redis-6.0.8 # make 3.完成后进入src目录运行redis # cd src # ./redis-server 如果运行成功,会出现redis图片,以及必要信息提示成功. 服务器规则组打开6379端口

  • 详解关于php的xdebug配置(编辑器vscode)

    虽然说echo和print_r是公认的最实用的调试工具,但是效率真的没有可视化的直接断点那么高.这里简单介绍如果安装及配置xdebug for vscode 一.PHP环境处的配置 1.编译安装 下载及编译php,因为我所在的公司php版本是5.4的,所以去xdebug官网上选了相对比较底的版本.您也可以根据你们的实际情况下载相应的xdebug版本:https://xdebug.org/download.php wget https://xdebug.org/files/xdebug-2.4.1

  • 搭建PhpStorm+PhpStudy开发环境的超详细教程

    刚开始接触PHP开发,搭建开发环境是第一步,网上下载PhpStorm和PhpStudy软件,怎样安装和激活就不详细说了,我们重点来看一看怎样搭配这两个开发环境. 前提:现在假设你已经安装完PhpStorm和PhpStudy软件. 我的PhpStorm使用的是默认安装目录,这个没什么疑问的,PhpStudy软件我选择解压的目录是G:\Program Files\ . 在PhpStudy软件的解压目录下的www文件夹就是我们的网站根目录. 现在我们使用PhpStorm新建一个新工程. 第一步:打开P

  • Apache+PHP+MySQL搭建PHP开发环境图文教程

    简介:总结在Windows环境搭建PHP开发环境(Apache+PHP+MySQL) 安装Apache 1.下载Apache,地址:http://www.apachelounge.com/download/,如下图: 2.解压压缩包,最好放到磁盘根目录,不然配置时容易报路径错误,我这里改了文件夹名,方便以后配置,如下图: 安装PHP 1.下载PHP压缩包,地址:https://windows.php.net/download,我下载的是PHP7.0 Thread Safe 版本,如下图: 2.解

  • docker灵活的构建PHP环境的实现

    使用docker搭建灵活的线上php环境 有时候你可能不太需要一些别人已经集成了的包或者镜像 我们就可以使用以下方式自己动手逐一构建自己所需要的环境结构 并在最后实现一键自动化部署 一步一步点亮docker技能树 ## . ## ## ## == ## ## ## ## ## === /""""""""""""""""".__/ ===

  • 如何在VSCode配置PHP开发环境

    如何在VSCode配置PHP开发环境

    目录 一.下载XAMPP 二. 下载xdebug插件 三.下载并安装VSCode 一.下载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版本号是下面这个,后面需

  • VSCode 配置C++开发环境的方法步骤

    第一步.安装VSCode应用程序 打开VSCode官网,下载对应安装包并默认安装(这里指明:安装路径可以修改) 第二步.安装相关插件 此时的VSCode仅仅是一个英文文本编辑器,还称不上开发工具,所以需要相关的插件支持. 需要说明的是:这里我选择我的母语作为编辑器的语言,所以会多安装一个汉化插件! 安装 汉化插件 打开VSCode,在插件搜索输入框输入"Chinese",搜索插件"Chinese (Simplified) Language Pack for Visual St

  • Anaconda+VSCode配置tensorflow开发环境的教程详解

    1. Anaconda 1.1 Anaconda简介 Anaconda是一个开源的python发行版本,是现在比较流行的python数据科学平台,可以对python的科学包做到有效管理.在配置python开发环境时,比如爬虫环境.数据分析环境.深度学习开发环境(tensorflow)等,会需要安装很多科学包.如果遇到什么包就报出"No module named"的错误,然后"pip install"未免太过麻烦.而且很多开发环境支持的python版本不同,混在一起的

  • vscode配置远程开发环境并远程调试运行C++代码的教程

    之前的时候我写C/C++代码喜欢在Linux下用vim(一开始甚至都没装代码补全插件),后来入了Clion的坑,感觉IDE还是太方便了,但是毕竟还是有许多场景只能在Linux下完成,于是就经常还是需要用vim.gdb这些东西,用惯了IDE之后就觉得挺麻烦的.最近尝试了一下vscode的远程开发功能,就俩字:真香,写篇文章记录一下,以防我下次配置的时候忘记了. vscode配置远程开发环境 检查服务器是否安装ssh服务 服务器使用命令netstat -tanp查看是否存在sshd 一般这一步都不会

  • 如何使用VSCode配置Rust开发环境(Rust新手教程)

    VSCode配置Rust开发环境 在商店中输入rls,选择rust,点击Quick start中的下载链接.这个Rust插件你也要记得下. 跳转后来到下载界面,点击下载. 运行下载好的exe文件,命令行输入1按下回车即可. 安装完毕后在命令行输入rustc --version,如果能输出版本号则表示安装成功. 选择一个文件夹来存放我们的hello world程序(好吧,简直是一句废话...) 记得把Formatter设成rust的. 在资源管理器那一栏,右键创建文件Cargo.toml.我们简单

  • 手把手教你vscode配置golang开发环境的步骤

    手把手教你vscode配置golang开发环境的步骤

    1.下载安装Golang https://golang.google.cn/dl/ 一路下一步即可 2.下载安装Vscode https://visualstudio.microsoft.com/zh-hans/ 3.检查Golang是否安装成功 4.设置Golang 环境变量 go env -w GO111MODULE=on Golang1.16默认开启,1.16一下需要执行这条命令 go env -w GOPROXY=https://goproxy.cn,direct 设置七牛CDN 我的环

  • vscode配置go开发环境的实战过程

    vscode配置go开发环境的实战过程

    目录 官网下载地址: 安装: 最终的安装效果: 这里简单介绍一下: 创建第一个Go程序: 安装Go的依赖包: 总结 笔者在网上找了很多关于VSCODE配置Go语言的教程,但是由于版本等种种问题,最终都已失败告终.无奈只能在官方文档上寻求帮助,现在终于可以了!!话不多说,咱们开始吧!! 下载安装包 网上有的教程采用的是数据包安装.msi,有的是采用的是解压包.这二者最终效果都是一样的,但是为了防止不必要的意外,你们还是和我保持一致吧. 官网下载地址: Downloads - The Go Prog

  • vscode 配置 python3开发环境的方法

    vscode来写python,配置灵活,界面美观,是个非常好的选择.我这里是在ubuntu系统下配置vscode的python3开发环境,当然也可以参照本文在其它操作系统下配置vscode的python开发环境. 1 安装插件 python 这个是vscode提供的python 官方插件,提供了python代码的调试,自动补全,代码格式化等功能 vscode-icons 这个也是vscode官方提供的插件,作用是给vscode编辑的文件增加图标.这里再推荐一个相同功能的插件**vscode-ic

  • VSCode配置react开发环境的步骤

    vscode 默认配置对于 react 的 JSX 语法不友好,体现在使用自动格式化或者粘贴后默认缩进错误,尽管可以通过改变 language mode 缓解错误,但更改 language mode 后的格式化依然不够理想. 通过搭配使用 ESLint和 Prettier插件可以实现在 vscode 中完美支持 JSX 语法. 编辑器安装插件 在 vscode 中需要安装下面插件: ESLint Prettier 项目中的配置 配置ESLint 基础配置 项目中安装 babel-eslint ,

  • 在VSCode中如何配置Python开发环境

    之前编写Python更多的是使用pycharm作为编译器进行开发,但是个人感觉用起来比较笨重,而且还收费的,需要进行破解才能使用.后来发现vscode这个软件,觉得很轻便,而且和之前使用的vs2018风格一样. 在这里对vscode配置Python开发环境做一下记录. 步骤1:安装Python 安装Python的教程网上有很多.直接到官网下载安装就行. 下载链接:https://www.python.org/ 步骤2:安装vscode 安装很简单,直接点击安装文件,然后一直点击next就可以了.

随机推荐