很多合作伙伴在开发html页面时感到不便。 因为显示器的大小有限，所以只能显示代码或浏览器窗口。 即使使用LiveServer，也需要一直在页面之间切换。 接下来，小编带来的这个插件可以在VSCode中打开浏览器窗口。 介绍vs代码嵌入式浏览器插件-浏览器预览。
浏览器预览介绍
浏览器预览允许用户在vs代码中打开实际的浏览器预览。 这为在VSCode中查看web内容提供了安全的方法，并启用了编辑器中的调试等有趣功能。
因为chromium支持此预览，所以电脑需要Chrome或最新的Edge。
安装
只需在插件市场上搜索浏览器预览，然后单击安装。
使用
如上图所示，编辑人员已经安装了浏览器预览。 在左侧的功能栏中增加一个按钮，单击此按钮可以打开新的浏览器实例。
也可以通过右键单击需要打开的HTML文件，然后单击open in Browser Preview来打开新实例。
效果
还记得实时服务器吗？ 启动Live Server时，将打开浏览器并跳转到确定的URL。 在嵌入的浏览器窗口中输入此固定的URL，可以向左修改代码，向右实时查看页面的变化(必须与自动保存结合使用)。
总结
使用Browser Preview可以实时预览页面，但实际上这个插件并不完美。 例如，右侧的窗口不能缩放。 要查看整个页面，必须手动调整页面大小。 如果想提高前端的开发体验，建议使用两个显示器。
更多优秀的前端开发课程致力于W3Cschool前端微课。