怎么使用瀏覽器查看VSCode寫的代碼

vscode默認(rèn)是在控制臺(tái)下查看html文件,對(duì)于我們查看和調(diào)試都很不方便,那如何在瀏覽器中打開呢?

怎么使用瀏覽器查看VSCode寫的代碼

怎么使用瀏覽器查看vscode寫的代碼

1、新建一個(gè)HTML文件

怎么使用瀏覽器查看VSCode寫的代碼

2、點(diǎn)擊左側(cè)的擴(kuò)展,打開擴(kuò)展欄

怎么使用瀏覽器查看VSCode寫的代碼

3、在擴(kuò)展欄的搜索欄中輸入open in browser,找到open in browser這款插件,點(diǎn)擊右下角“安裝”字樣即可安裝。

怎么使用瀏覽器查看VSCode寫的代碼

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

怎么使用瀏覽器查看VSCode寫的代碼

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

怎么使用瀏覽器查看VSCode寫的代碼

怎么使用瀏覽器查看VSCode寫的代碼

相關(guān)文章教程推薦:vscode教程

以上就是怎么使用

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊6 分享