如何在VSCODE中编辑html文件源码同时实时预览HTML

	为了不来回切换浏览器与vscode,vscode通过插件可以直接提供浏览器预览,需要做一些简单设置即可实现。

一、下载两个插件Live Server、Browser Preview

二、设置

1、点击VSCODE的“文件——首选项——设置"

2、接着点击"用户——扩展"

3、然后找到“live server config——Settings:Use Browser Preview——勾上复选框Open in Browser Preview inside VS Code,instead of default browser”

至此设置完成。

三、运行

在工作区中选中需要运行的html文件,例如index.html,在新打开的index.html窗口中任意处点击右键,再点击右键菜单中的Open with Live Server,就可以在VSCODE中打开浏览器进行同时实时预览了

更多推荐

如何在VSCODE中编辑html文件源码同时实时预览HTML