在 XAMPP 上工作时如何使用 VScode 实时服务器？

Posted 2023-02-25

【中文标题】在 XAMPP 上工作时如何使用 VScode 实时服务器？

【英文标题】：How to use VScode live server when you are working on XAMPP?

【发布时间】：2020-11-16 12:52:46

【问题描述】：

最近，我正在使用 XAMPP，现在当我尝试使用 VScode 实时服务器打开我的 html 代码时，它会显示 XAMPP htdocs 的列表目录。我该怎么办？

【问题讨论】：

通常网络服务器会寻找一个名为index.htm（或*.php 或*.html 等）的文件来提供服务。你有这样的文件吗？如果没有尝试重命名您的主网页文件。

【参考方案1】：

在 VS Code 中打开您的项目，然后从 StatusBar 中单击 Go Live 以打开/关闭服务器。 右键单击资源管理器窗口中的 HTML 文件并单击以使用 Live Server 打开。 打开一个 HTML 文件并右键单击编辑器并选择选项。

如果您的项目中没有任何 .html 或 .htm 文件，那么您有以下步骤：

点击 (alt+L, alt+O) 打开服务器和 (alt+L, alt+C) 停止服务器（您可以更改快捷方式的键绑定）。 [在MAC上，cmd+L，cmd+O和cmd+L，cmd+C] 按 F1 或 ctrl+shift+P 并键入 Live Server: Open With Live Server 以启动服务器或键入 Live Server: Stop Live Server 以停止服务器。

希望这能解决您的问题。