VScode如何在瀏覽器中打開html文件

Vscode默認是在控制檯下查看html文件,對於咱們查看和調試都很不方便,那如何在瀏覽器中打開呢?html

1.新建一個HTML文件

圖1

2.點擊左側的擴展,打開擴展欄

圖2

3.在擴展欄的搜索欄中輸入open in browser,找到open in browser這款插件,點擊右下角「安裝」字樣便可安裝。

由於我已經安裝了,因此再搜索不會顯示安裝字樣 chrome

圖3

4.安裝完成後能夠看一下這款插件的擴展文檔,裏面有插件的各類信息,及插件的使用方式等

咱們能夠看到在默認瀏覽器中打開是:Alt + B,在其餘瀏覽器中顯示是:Shift+Alt+B 瀏覽器

圖4

5.回到咱們剛開始建的HTML文件,在文件中鼠標右鍵單擊,在彈出的窗口中選擇使用默認瀏覽器打開或者其餘瀏覽器打開,也能夠使用咱們上面說的快捷鍵(Alt + BShift+Alt+B)打開。

圖5

6.假如你想用其餘瀏覽器打開,就選擇Open In Other Browsers(Shift+Alt+B,頂部會出現一個命令框,其中會顯示能夠使用的瀏覽器,選擇本身須要的瀏覽器便可,在此,咱們使用chrome打開。

圖6-1

圖6-2

關注個人我的博客:pinbolei.cn,獲取更多內容插件

相關文章
相關標籤/搜索