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在浏览器中打开网页


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM