搜索live server插件
安装这个插件
使用的时候要把网页文件放进文件夹里边
配置live server
使其能在内置浏览器中打开预览
点击左侧已经安装过的live server插件
右边点击 功能贡献
下边有一个参数就是
liveServer.settings.useBrowserPreview
此参数的默认值是false,关闭的,需要打开
打开左下解的设置,打开设置窗口
搜索:liveServer.settings.useBrowserPreview
在选项中打对钩,选中。
安装:browser preview
搜索此插件并安装
安装完成后左侧会有browser preview的图标
点击就可在vscode内打开浏览器
从而实现实时预览功能