美文网首页
VS Code 配置 Live Server 支持PHP代码实时

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

作者: _树摇风 | 来源:发表于2021-08-09 08:47 被阅读0次

用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文件就可以实时刷新了

相关文章

网友评论

      本文标题:VS Code 配置 Live Server 支持PHP代码实时

      本文链接:https://www.haomeiwen.com/subject/lcaavltx.html