如何使用VS code 实时预览

首先我们需要安装一个插件 Live Server


安装完后无需再配置,到此重要的一部已经完成了。到VS code打开你的项目文件夹。比如我这里打开的是桌面下的learning文件夹,该文件夹下有一个 index.html文件。打开index.html,右键如下图


点击Open with Live Server 就会启动实时预览。再次编辑index.html,浏览器会实时更新,记得查看之前保存代码哦。

注意

打开必须是一个文件夹,而不能是一个单独的文件,否则无法启动。