vscode如何運行html

vscode如何運行html

vscode如何運行html?

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

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

相關推薦:《vscode教程

1.新建一個HTML文件

立即學習前端免費學習筆記(深入)”;

vscode如何運行html

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

vscode如何運行html

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

因為我已經安裝了,所以再搜索不會顯示安裝字樣

vscode如何運行html

4.安裝完成后可以看一下這款插件的擴展文檔,里面有插件的各種信息,及插件的使用方式等

我們可以看到在默認瀏覽器中打開是:Alt + B,在其他瀏覽器中顯示是:Shift+Alt+B

vscode如何運行html

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

vscode如何運行html

6.假如你想用其他瀏覽器打開,就選擇Open In Other Browsers(Shift+Alt+B,頂部會出現一個命令框,其中會顯示可以使用的瀏覽器,選擇自己需要的瀏覽器即可,在此,我們使用chrome打開。

vscode如何運行html

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊12 分享