相关推荐recommended
前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]
作者:mmseoamin日期:2023-11-30

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

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

- Live Server

- Live Preview

🔥安装live server插件

前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解],第1张

🔥安装Live Preview插件

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

前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解],第2张

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

前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解],第3张