VSCode:适用于 PHP 的 LiveServer

2025-06-09

VSCode:适用于 PHP 的 LiveServer

许多开发人员可能听说过Visual Studio Code Marketplace 中提供的Live Server扩展。

它主要处理 HTML 等静态网页,但也可以巧妙地处理 PHP、NodeJs 和 ASP.NET 等动态网页。

在下面的示例中,我将指导您完成 Live Server 的安装,以便无缝地处理两种类型的网页(静态和动态)。

  1. 从 Visual Studio Code Marketplace安装PHP ServerLive Server 。
  2. 创建一个 PHP 文件,例如 index.php,并将其放在 /var/www/html/ 下的子目录(假设为“demo”)中,例如 /var/www/html/demo/
  3. 在您的 Chrome 浏览器中安装Live Server Chrome 扩展程序并进行如下自定义:扩展截图
  4. 单击 Visual Studio Code 右下角的“Go Live”按钮。VSCode 窗口截图
  5. 接下来,在 Visual Studio Code 中打开位于 /var/www/html/demo/ 下的 index.php 文件。右键单击并选择“PHP 服务器:重新加载服务器”,然后选择“PHP 服务器:在浏览器中打开文件”。VSCode 上下文菜单截图
  6. 在浏览器中,只需打开 IP 地址http://localhost:3000/demo/index.php

您不应该将 LiveServer 同时用于静态和动态网站:)

鏂囩珷鏉ユ簮锛�https://dev.to/itsmestevieg/vscode-liveserver-for-php-2i3m
PREV
为什么你的 CSS 总是杂乱无章——理解 CSS 的复杂性
NEXT
我的最小 Web 开发设置