VSCode使用Browser预览

首先放一个效果图
VSCode使用Browser预览_第1张图片
image.png

1、两个扩展

 1.1 Live Server

VSCode使用Browser预览_第2张图片
image.png

 1.2 Browser Preview

VSCode使用Browser预览_第3张图片
image.png

2、一个设置

 2.1 设置使用Browser Preview打开,替换默认浏览器

liveServer.settings.useBrowserPreview
VSCode使用Browser预览_第4张图片
image.png

你可能感兴趣的:(VSCode使用Browser预览)