首页 > Web开发 > 详细

Visual Studio Code实时预览网页

时间:2021-05-10 20:28:08      阅读:27      评论:0      收藏:0      [点我收藏+]

这里要讨论的并非在浏览器地址栏里使用本地路径访问HTML页面的方式,如file:///E:/js_liaoxf/dom3.html

而是通过在VS Code中安装扩展插件Live Server由VS Code提供本地服务,在浏览器中通过IP地址及相对路径实时预览HTML的方式。

实时:您的HTML使用本文方式打开,一旦HTML文件被修改且保存,浏览中马上提现变化,无需刷新操作或人工重启调试服务。

  • 搜索并安装Live Server插件

    技术分享图片
    技术分享图片

  • 安装完成,右键打开所需预览的网页。

    技术分享图片
    技术分享图片

  • VS Code在浏览器中打开网页。

    技术分享图片
    技术分享图片

Visual Studio Code实时预览网页

原文:https://www.cnblogs.com/caryqd/p/14751557.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!