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

作者 : admin 本文共189个字,预计阅读时间需要1分钟 发布时间: 2024-06-17 共1人阅读

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

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

– Live Server

– Live Preview

🔥安装live server插件

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

🔥安装Live Preview插件

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

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

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

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

 

本站无任何商业行为
个人在线分享 » 前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]
E-->