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