如何在VSCode的Go Live扩展中运行PHP文件并实现自动刷新？

Go Live（Live Server扩展的启动按钮标识）本身原生仅支持静态HTML/CSS/JS文件的预览和自动刷新，要支持PHP文件的运行+自动刷新，需要配合本地PHP环境和简单配置即可实现，操作步骤如下：

前置依赖 #

• 本地提前安装好PHP运行环境，且将PHP执行文件所在路径添加到系统环境变量。可打开终端执行php -v验证，成功输出版本信息即为配置生效。
• VSCode中提前安装两个扩展：Live Server（即你提到的带Go Live按钮的扩展）、PHP Server

具体配置步骤 #

1. 打开VSCode设置页，搜索liveServer.settings.proxy，选择进入settings.json编辑界面，添加如下配置项：

"liveServer.settings.proxy": {
    "enable": true,
    "baseUri": "/",
    "proxyUri": "http://localhost:3000/"
}

上述配置中的3000为PHP Server的默认启动端口，如果你后续修改了PHP Server的运行端口，此处对应修改为实际端口即可。
2. 打开你的PHP项目所在的文件夹，右键点击项目入口PHP文件，选择PHP Server: Serve project启动PHP本地服务，默认会在3000端口运行。
3. 点击VSCode右下角的Go Live按钮启动Live Server，此时Live Server会自动代理到PHP服务的地址，你修改PHP文件并保存后，页面就会和静态HTML文件一样自动刷新。

替代简化方案 #

如果不想做代理配置，也可以直接安装Live Server for PHP扩展，该扩展原生整合了PHP运行和自动刷新能力，安装后直接启动即可使用，无需额外配置。

常见问题排查 #

• 如果启动后出现404错误，检查你的PHP文件是否放在PHP Server启动的项目根目录下
• 如果出现端口冲突，分别在两个扩展的设置页修改运行端口，保证两个服务的端口不重复即可

内容的提问来源于stack exchange，提问作者Thomas Iacconi