VsCode預覽HTML文件的方法


VsCode預覽HTML文件的方法

添加在瀏覽器打開

安裝open in browser插件

image-20200907111704604

在要預覽的HTML文件中右擊,選擇Open In Default Browser ,在默認瀏覽器中打開,或者使用Alt + B快捷鍵。

也可以在要預覽的HTML文件中右擊,選擇Open In Other Browser ,在其他瀏覽器中打開,會列出你電腦上安裝的並且VS Code支持的瀏覽器。

image-20200907112128099

安裝服務器預覽

安裝open in brower插件之后可以直接右鍵選擇使用瀏覽器渲染html文件,但是,這種打開方式是“本地打開方式”。

那么我們怎么以服務的方式運行html:

1.下載插件:Live Server

image-20200907111518198

  • 在要預覽的HTML文件中右擊,選擇Open With LiveServer ,在默認瀏覽器中打開。

image-20200907112226113

  • 可以看到是以本地服務器模式打開的

image-20200907112326586


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM