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

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

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

– Live Server

– Live Preview

🔥安装live server插件

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

🔥安装Live Preview插件

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

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

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

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

 

本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/805cdfca0e.html