一個好用的VScode預覽html插件——Live Server Preview

Vscode默認是在控制檯下查看html文件,查看和調試都很不方便,怎麼讓它能像Hbuilder那樣可以邊寫邊調試呢?

我們可以安裝兩個插件:

1.open in browers

使用:htm文件中右鍵,點擊右鍵菜單的view in browser,即可打開瀏覽器運行;

alt+b,運行;

alt+shift+b,切換不同瀏覽器運行;

優點:可以運行多個界面

2.view in browers

使用:htm文件中右鍵,點擊右鍵菜單的view in browser,即可打開瀏覽器運行;

缺點:只能打開一個界面,想運行下一個界面的時候,必須把前面一個界面關掉。

 

但這兩種插件,預覽時需要另外跳轉到谷歌瀏覽器,打開一個標籤頁,調試時跳來跳去,不太方便

3.推薦使用Live Server Preview,

這個插件不用另外打開瀏覽器;它是直接在Vscode裏面預覽html的,並且是自動實時更新的,不用不停地Ctrl+S保存查看

使用:F1 -> 彈出一個窗口輸入live,然後右邊出現預覽窗口

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章