Live Preview

一个托管本地服务器的扩展，供您预览 Web 项目！ 此扩展对于尚未创建服务器的项目最有用（例如不适用于使用 React、Angular 等的应用程序）。要使用这些，请随意运行 VS Code 内置的 Simple Browser: Show 命令。 特征： HTML 文件预览：通过单击编辑器右上角的预览按钮或使用上下文菜单快速预览 HTML 文件。 嵌入式预览：可以在编辑器中预览服务器托管的文件。 实时刷新：实时查看所做的更改。默认情况下，当您在编辑器中进行更改时，就会显示更改。您还可以在扩展设置中更改此设置，以在保存时刷新预览或根本不刷新预览。 带有服务器日志记录的持久服务器任务：如果您正在寻找要运行的持久服务器，则可以运行Live Preview 任务，该任务还记录服务器流量。 外部浏览器预览：虽然上面的所有图像都使用嵌入式浏览器，但您也可以在外部浏览器中体验相同的功能。 外部浏览器调试：外部浏览器预览还支持通过内置的 js-debug 扩展进行调试并附加到 Edge Devtools 扩展。这允许支持设置断点和检查元素等功能。 控制台输出通道（对于嵌入式预览）：要简单查看嵌入式预览的控制台消息，请转到“输出”选项卡，然后在下拉列表中选择“嵌入式Live Preview Console”。 无工作区预览：没有工作区？没问题！为了快速预览文件，服务器还可以访问工作区之外的文件进行预览。 多根支持：Live Preview 与您的多根工作区完美配合！它只会为您打开预览的每个根打开一个额外的服务器。

Live Preview是一个扩展，它在工作区中托管一个本地服务器，用于预览网页项目。其核心价值在于为尚未创建服务器的项目提供快速、实时的网页预览功能。