Live Preview

一个可为你托管本地服务器以预览网页项目的扩展！
此扩展最适合尚未创建服务器的项目（例如不适用于使用 React、Angular 等的应用）。要处理这些项目，可直接使用 VS Code 内置的“Simple Browser: Show”命令。

功能：

HTML 文件预览：通过点击编辑器右上角的预览按钮或使用上下文菜单，快速预览 HTML 文件。
内嵌预览：服务器托管的文件可在编辑器中直接预览。
实时刷新：在编辑时即时看到更改。默认情况下，编辑后立即显示变化。你也可在扩展设置中修改为保存时刷新或完全不自动刷新。
持久化服务器任务并记录服务器日志：若需持续运行服务器，可执行“Live Preview”任务，同时记录服务器流量日志。
外部浏览器预览：尽管上述所有图片均使用内嵌浏览器，你也可以在外部浏览器中体验相同功能。
外部浏览器调试：外部浏览器预览还支持通过内置的 js-debug 扩展进行调试，并可连接 Edge DevTools 扩展。这使得支持断点设置和元素检查等功能成为可能。
控制台输出通道（用于内嵌预览）：如需查看内嵌预览的控制台消息，前往“输出”选项卡，在下拉菜单中选择“Embedded Live Preview Console”。
无需工作区的预览：没有工作区？没问题！如需快速预览文件，服务器也可访问工作区外的文件进行预览。
多根目录支持：Live Preview 与多根工作区兼容良好！当你在每个根目录中打开预览时，会为每个根目录启动额外的服务器。