在 VSCode 中查看侧边选项卡上的 HTML 预览

Question

如何在 VSCode 编辑器的侧面选项卡上查看 HTML 代码实时预览？

我想要的最终结果：

CSS、js、PHP 等也应该可以在预览中使用。

Answer 1

Vscode 团队开发了一个Live Server与 vscode 进行大量协调的扩展。请参阅v1.58 预发行说明：

实时预览

我们开发了一个实时预览扩展，它托管一个用于 Web 开发预览的本地服务器！

它具有编辑器内浏览器预览、实时预览刷新（文件更改或保存时）、多根支持等等！

该扩展还有一个Live Preview任务，它运行持久服务器并允许您查看服务器流量及其关联文件。

要了解有关其功能的更多信息，请在市场中查看它或查看其存储库。

Answer 2

有大量不同的用于浏览器预览的 vscode 扩展。我正在使用的是浏览器预览。

要查看.php文件，您需要一个服务器，例如Apache. XAMPP是一种一体化解决方案，提供 MySQL、Apache 和其他一些工具：https://www.apachefriends.org/index.html