VS Code 配置 Live Server 支持PHP代码实时预览

用visual studio code 开发php项目时，修改了xxx.php文件后，想要实时查看修改PHP代码的效果比较麻烦。需要浏览器端手动刷新查看。那如何做到PHP代码修改后自动刷新呢？

Live Server 是开发HTML CSS JS 实时刷新利器，今天教大家如何让Live Server支持PHP文件(xxx.php)。

方案如下：

  1. 安装 VS Code 扩展插件 Live Server
  2. 安装火狐或谷歌浏览器扩展插件：live-server-web-extension 下载地址： Chrome or Firefox.
  3. 配置浏览器插件
image
  1. Actual Server Address: Web项目浏览器访问的地址。
  2. Live Server Address: 填写VS Code右下角Go Live按钮打开后，浏览器弹出来的地址，默认为http://127.0.0.1:5500

配置好两项内容后，VS Code状态栏启动Go Live按钮，然后在浏览器中打开页面访问地址就可以实时修改PHP代码，查看浏览器效果了。

如果.php文件没有open with live server，先新建.html文件，就可以open with live server，想要实时预览.php，访问本地服务器上的.php，而不是live-server，在VSCode保存.php文件就可以实时刷新了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容