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,然後右邊出現預覽窗口