VS Code + WampServer开发PHP环境搭建

vS Code + WampServer开发PHP环境搭建
原创 菜丁儿 最后发布于2020-01-04 19:09:57 阅读数 495 收藏
展开
题记

本人最近沉迷于VScode写代码，为了更好的学习php，要在vscode中搭建开发php的环境，在此记录一下自己的搭建过程。

VS Code官网

WampServer官网

在官网下载后，二者都是一路next就可安装成功

在安装WampServer可能遇到问题时，可参考本人的如下博文：
Windows10安装WAMP遇到的问题
配置 VS Code
php路径指定

    File - Preferences - Settings进入如下界面

在这里插入图片描述

    点击 Edit in settings.json ，进入php执行路径的设置页面，对其路径进行填写

    找到自己的php的安装位置： …/Wamp/bin/php/php版本号/php.exe

  {
      "php.validate.executablePath": "D:/Study/Wamp/bin/php/php7.3.12/php.exe"
  }

    1
    2
    3

一定要注意，选择自己安装的php的版本的位置，本人这里虽然有php7.4.0版本，但是WampServer中用的却是7.3.12版本，所以这里要写7.3.12版本的位置
在这里插入图片描述
在这里插入图片描述
PHP Debug安装

在扩展界面选择PHP Debug安装，成功后重启 VS Code即可
安装xDebug

切记：不要直接去官网下载xDebug，这样下载的不一定对，因为xDebug的使用是要和php版本配套。

1.确定xDebug版本
2.修改php.ini配置文件

    1
    2

确定xDebug版本

前提：开启你的WampServer

1.在/www文件夹下新建php文件

Wamp的默认工作目录，在其安装目录的www文件夹，平时只需要在里面创建php文件，就能通过在浏览器中输入 localhost:你设置的端口号/xxx.php来访问，所以这里就直接打开www文件夹，并在其中创建一个phpInfo.php文件

#phpInfo.php文件
<?php
    phpinfo();
?>

    1
    2
    3

2.保存后，按F5执行脚本，在浏览器中输入该文件所在路径，按enter键运行，显示你安装的php版本等信息。

在这里插入图片描述

3.按ctrl+a全选该网页内容并复制，粘贴到https://xdebug.org/wizard 中的验证文本框中进行验证，会出现你应该安装的xDebug版本，及其对应的配置文件的修改信息。

在这里插入图片描述
安装并修改

4.根据推荐下载对应版本的xDebug.dll。然后根据提示把下载好的dll文件添加到php的ext文件下。

路径为：../Wamp/bin/php/php对应你的版本号/ext

    1

5.更新 php.ini 配置文件

php.ini文件在路径：…/Wamp/bin/apache/apache对应你的版本号/bin

以记事本的形式打开文件（发现文件名变为phpForApache.ini，并不影响我们的修改）

在这里插入图片描述

按ctrl+F键查找zend_extension,修改其路径，注意会搜索到两个zend_extension，为了安全起见，本人对两个都做了修改，但第一个应该不影响。

第一个zend_extension
[opcache]
zend_extension="D:/Study/Wamp/bin/php/php7.3.12/ext/php_xdebug-2.9.0-7.3-vc15-x86_64.dll"
; Determines if Zend OPCache is enabled
;opcache.enable=1

    1
    2
    3
    4
    5

[xdebug]下的zend_extension是关键，不仅要修改路径，还要将xdebug.remote_enable 修改为on，并添加xdebug.remote_autostart = on

第二个zend_extension
[xdebug]
zend_extension="zend_extension = D:\Study\Wamp\bin\php\php7.3.12\ext\php_xdebug-2.9.0-7.3-vc15-x86_64.dll"
xdebug.remote_enable = on
xdebug.remote_autostart = on

    1
    2
    3
    4
    5

调试php文件

在www目录下新建test.php文件，在echo行前设置断点

<?php
 echo "Hello world";
 ?>

    1
    2

按F5键开始调试

在这里插入图片描述
在浏览器中输入文件路径就可以看到断点处响应了
在这里插入图片描述
置完成。我们以后就可以开心的使用VS Code和Wamp玩耍了(●’◡’●)
————————————————
版权声明：本文为CSDN博主「菜丁儿」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43712064/article/details/103836504