Visual Studio Code实时预览网页

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

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

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

  • 搜索并安装Live Server插件

    搜索并安装Live Server插件
    搜索并安装Live Server插件

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

    右键打开所需预览的网页
    右键打开所需预览的网页

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

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

posted on 2021-05-10 16:19  carysun  阅读(3348)  评论(0编辑  收藏  举报