溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vscode運(yùn)行html的方法

發(fā)布時(shí)間:2020-12-09 10:59:08 來源:億速云 閱讀:520 作者:小新 欄目:軟件技術(shù)

小編給大家分享一下vscode運(yùn)行html的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

vscode如何運(yùn)行html?

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

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

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

vscode運(yùn)行html的方法

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

vscode運(yùn)行html的方法

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

因?yàn)槲乙呀?jīng)安裝了,所以再搜索不會(huì)顯示安裝字樣

vscode運(yùn)行html的方法

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

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

vscode運(yùn)行html的方法

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

vscode運(yùn)行html的方法

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

vscode運(yùn)行html的方法

看完了這篇文章,相信你對(duì)vscode運(yùn)行html的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI