基于wampserver使用Vs Code编辑并运行php项目

基于wampserver使用Vs Code编辑并运行php项目

使用Vs Code编辑并运行php项目

  • 两个插件
    • php server
    • php debug
    • 验证

两个插件

php server

  1. 安装插件php Server.
    在这里插入图片描述
  2. 打开设置,搜索php, 打开settings.json.
    在这里插入图片描述
  3. 编辑settings.json
{
    "php.validate.executablePath": "D:\\wamp\\bin\\php\\php5.5.12\\php.exe",
    "phpserver.port": 80,
    "phpserver.phpPath": "D:\\wamp\\bin\\php\\php5.5.12\\php.exe",
    "phpserver.phpConfigPath": "D:\\wamp\\bin\\php\\php5.5.12\\php.ini",
}
  1. 配置环境变量
    路径有两个注意点,一个是php版本号,一个是wamp或者wamp64,注意保持一致。
    在这里插入图片描述

    打开cmd,输入php-v, 验证php的版本。
    在这里插入图片描述
  2. 打开www文件夹。在vscode直接运行php脚本。
    在这里插入图片描述
  3. 如果成功,将会自动打开浏览器。
    在这里插入图片描述

    如果不需要断点调试功能,则到此结束。

php debug

  1. 下载插件
    .2
    在这里插入图片描述
  2. 自动创建launch.json
    在这里插入图片描述

    在这里插入图片描述

    不需要改动,记住这里的port=9003.
  3. 找到文件夹路径D:\wamp\bin\apache\apache2.4.9\bin,在这个文件夹依次做两件事。
    ①修改php.ini文件。在文件末尾完善关于xdebug的配置。
    注意端口号和上述launch.json保持一致。
    有两种情况:
    如果是低版本的,则这样修改
xdebug.remote_enable=on
xdebug.remote_autostart=on
xdebug.remote_port=9003

在这里插入图片描述

如果是高版本的,则这样修改

xdebug.mode = debug
xdebug.start_with_request=yes
xdebug.client_port = 9003

在这里插入图片描述

打开apacheMonitor,开启。这一步很重要,否则会出现断点失效。每次修改完php.ini都要restart apacheMonitor方能生效。调试要保证apacheMonitor处于运行状态。

在这里插入图片描述

验证

设置断点,点击调试,运行项目。
断点生效,则xdebug配置成功。

在这里插入图片描述

在这里插入图片描述

                       

点击阅读全文

上一篇 2023年 6月 6日 am10:24
下一篇 2023年 6月 6日 am10:25