本文主要是基于VSCode实现实现一边写前端代码一边可以实时查看页面效果。

自从VScode更新后，不用自己另外设置浏览器的打开方式，只需要俩个插件就可以简单搞定:

- Live Server

- Live Preview

🔥安装live server插件

🔥安装Live Preview插件

 当然也可以下载别的浏览器

点击代码，右键选择Show Preview ,就会实现左边代码，右边页面预览啦~