轉自: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 ( 停止實時服務器 )