一个好用的VScode预览html插件——Live Server Preview

Vscode默认是在控制台下查看html文件，查看和调试都很不方便，怎么让它能像Hbuilder那样可以边写边调试呢？

我们可以安装两个插件：

1.open in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；

alt+b，运行；

alt+shift+b，切换不同浏览器运行；

优点：可以运行多个界面

2.view in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；

缺点：只能打开一个界面，想运行下一个界面的时候，必须把前面一个界面关掉。

 

但这两种插件，预览时需要另外跳转到谷歌浏览器，打开一个标签页，调试时跳来跳去，不太方便

3.推荐使用Live Server Preview，

这个插件不用另外打开浏览器；它是直接在Vscode里面预览html的，并且是自动实时更新的，不用不停地Ctrl+S保存查看

使用：F1 -> 弹出一个窗口输入live，然后右边出现预览窗口