VsCode設置html實時預覽


轉自:https://www.wuaisite.com/post-76.html

VsCode設置實時預覽,我們可以通過VsCode中的插件實現,在此於子牙給小伙伴們推薦好用的三個VsCode實時預覽插件。

  • live-preview 
  • live-reload
  • live-server

以上的三個插件非常好用,此篇文章於子牙就用“live-server”此款插件來給小伙伴們演示!

1、我們先打開我們VsCode編輯器,我們在插件商店中,我們搜索“Liver-server”,然后我們直接點擊安裝即可

 

 

 2、接下來我們需要設置一下VsCode中的自動保存;
(菜單路徑:文件 --> 自動保存 ),將其勾上即可!

 

 

 注意:VsCode中自動保存默認時間是1秒,如果想要修改時間,可以通過菜單修改(路徑:文件 --> 首選項 --> 設置)。
然后我們在“文本編輯器”中找到“文件”給你設置,接着找到Auto Save Delay,修改里面的參數即可!\

 

 

3、我們在寫好的代碼工作區中,右擊會出現快捷菜單,我們只需點擊“Open with Live Server”,即可自動打開瀏覽器實現實時預覽。

    • Open with Live Server    (  使用Live Server打開  )
    • Stop Live Server  (  停止實時服務器  )

 


免責聲明!

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



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