如何配置 vscode 实时服务器以正确处理 php 文件（我使用的是 Win10 和 Chrome）？

Question

我正在尝试使用vscode和vscode live server开发带有php调用的 web 页面。 我已经安装了实时服务器，它适用于 html/css/js。 但是，如果我正在开发的代码是指一个.php 文件，我只是得到 php 文件的文本，它不是由服务器执行的。 我确实找到了安装到 chrome 浏览器中live-server-web-extensions ，大概是在 php 文件也被修改时重新加载。

所以我需要知道的是：如何配置服务器来处理 php 文件？ 我的系统上确实有 php.exe，如果我使用 php 浏览器，一切正常。 但我想使用 vscode 和实时服务器进行开发，我错过了秘诀。 我正在使用 Chrome 浏览器和 Windows 10。

Answer 1

存在一个扩展，可以直接在VSCODE中为php file创建php 服务器

1）安装扩展后，右键单击php文件和 select 第一个选项PHP Server: serve project ，它将在浏览器中打开 localhost 链接。

2）然后你还需要两件事。 一个是live-server扩展，第二个是需要安装在浏览器中的live-server-web-extension 。

3) 使用实时服务器打开您的 php 项目。

按F1并键入open with live server 。 它将打开您的 php 项目，该项目的端口类似于此http://127.0.0.1:5500/复制该链接。

4) 然后 go 到您的localhost TAB 并使用您的live-server-web-extension并粘贴您刚刚复制的链接并确保启用live reload然后应用。

5）最后一步是您必须复制您的localhost链接并将其粘贴到Actual server Address中，然后再次申请。

重新加载您的localhost页面，然后您可以在您更改 php 代码中的某些内容时看到浏览器的实时更改。

完整的视频指南

Answer 2

无需扩展 - PHP CLI实际上带有内置的网络服务器

只需运行以下命令：

php -S localhost:2222

如果你真的想把它烘焙到 VSCode 中，你可以添加一个 任务来为你执行它。