查看: 120|回复: 3

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

[复制链接]

4

主题

8

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2023-1-16 11:03:33 | 显示全部楼层 |阅读模式
用visual studio code 开发php项目时,修改了xxx.php文件后,想要实时查看修改PHP代码的效果比较麻烦。需要浏览器端手动刷新查看。那如何做到PHP代码修改后自动刷新呢?
Live Server 是开发HTML CSS JS 实时刷新利器,今天教大家如何让Live Server支持PHP文件(xxx.php)。
方案如下:

  • 安装 VS Code 扩展插件 Live Server
  • 安装火狐或谷歌浏览器扩展插件:live-server-web-extension  下载地址: Chrome or Firefox.
  • 配置浏览器插件



    • Actual Server Address: Web项目浏览器访问的地址。
    • Live Server Address: 填写VS Code右下角Go Live按钮打开后,浏览器弹出来的地址,默认为http://127.0.0.1:5500


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

使用道具 举报

2

主题

9

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2023-1-16 11:04:04 | 显示全部楼层
如果.php文件没有open with live server,先新建.html文件,就可以open with live server,想要实时预览.php,访问本地服务器上的.php,而不是live-server,在VSCode保存.php文件就可以实时刷新了
回复

使用道具 举报

2

主题

8

帖子

11

积分

新手上路

Rank: 1

积分
11
发表于 2023-1-16 11:04:35 | 显示全部楼层
感谢
回复

使用道具 举报

2

主题

11

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2023-1-16 11:05:21 | 显示全部楼层
我用html表单提交给php,可是每次都是下载php文件,而不是执行,请问如何解决,还是因为live server不支持php?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表