安装WampserverWampserver点击下载集成了Apache、mysql、php(多个版本的)等环境
安装Wampserver,直接下一步就可以了
这里可以选择要安装的应用,下面的是我选择,因为我本地已经安装了mysql所以我没有勾选mysql,如果你没有安装的话建议你勾选上mysql5.7,然后直接下一步就可以了
安装完成后,直接打开Wampserver, 任务栏的图标由红变绿说明已经启动成功,鼠标右键打开下图可以看到Apache启动的服务默认监听端口是80端口,如果你发现没启动成功很有可能就是你的电脑80端口已经被占用
浏览器直接输入localhost,看到下图说明已经安装并启动成功了
如果你的端口被占用可以这样修改,指着Wampserver图标点击鼠标左键可以看到下图
注:修改完后重新启动服务,浏览器打开localhost:8089看是否能访问
到这里Wampserver就安装完了
Wampserver配置PHP环境这里我用这个php项目做测试CRMEB,我们先把项目clone下来,把项目复制复制到www目录
怎么知道www目录在哪呢,看下图直接点击就可以进入该目录
复制的项目的目录结构如下
到这里已经成功一半的,下一步吧Apache默认打开目录指定到这个项目目录
点击上图指定的,打开文档把路径修改如下就可以了 注:修改完后要重启Apache服务才能生效
我们打开浏览,输入localhost就可以看到我们项目的页面了
vscode调试PHP项目vscode打开刚才我复制到www目录的项目
vscode安装PHP Debug和PHP IntelliSense
并给他们配置php安装路径
然后我去看看Wampserver的想php-xdebug是否已经启用
如果上面的几个勾是时好的,就没问题
回到我们的vscode,创建调试文件,如下图
上面可以不做任何改动,这里说下"port": 9000参数,为什么是9000
我们去下面目录创建一个phpinfo文件,如下图:
然后在浏览器打开localhost/phpInfo.php找到xdebug.remote_port
这里的数字和上面的创建调试文件对应就可以了
我这里用登录接口做调试,点击登录我的开发工具就可以捕获到断点了
如果你的没有自动获取不到断点,那还需要改下Apache配置文件,点击打开下面文件,滚动条拉到最底部或者搜索【xdebug】
配置xdebug.remote_autostart = On
Xdebug配置如果Wampserve没有自带php-xdebug的话才需要进行改步骤
复制phpinfo整个网页内容,粘贴到https://xdebug.org/wizard确定Xdebug版本
点击按钮生成PHP版本对应的XDebug安装文件和说明
相信你能懂上面说的,去配置下就可以了,然后检查xdebug是否安装成,怎么检查上面已经有说到
有其他问题可以在下面留言,看到了我会回复你的