剛開始使用VS Code的時(shí)候，我們都會(huì)發(fā)現(xiàn)這個(gè)軟件很多功能都沒有，特別是在運(yùn)行簡單的HTML文件的時(shí)候，它居然也不能運(yùn)行，無論我們?cè)趺凑疫\(yùn)行按鈕，都沒有發(fā)現(xiàn)可以運(yùn)行的按鈕，其實(shí)運(yùn)行HTML文件是需要安裝插件才能運(yùn)行的。該怎么安裝插件順利運(yùn)行htmlwenj8ian呢？下面我們就來看看詳細(xì)的教程。

1、先打開我們的VS Code軟件，然后新建一個(gè)HTML文件，注意，在VS Code軟件里面新建一個(gè)文件，它的后綴名也必須寫上

2、這時(shí)候我們寫好HTML內(nèi)容之后，鼠標(biāo)右鍵，發(fā)現(xiàn)沒有運(yùn)行HTML文件的按鈕，那么我們?cè)撊绾芜\(yùn)行HTML文件呢？

3、我們需要點(diǎn)擊VS Code軟件左邊的“擴(kuò)展”，或者同時(shí)按住鍵盤上的Ctrl+shift+I鍵進(jìn)入“擴(kuò)展”界面

4、進(jìn)入“擴(kuò)展”界面之后，我們?cè)谒阉骺騼?nèi)輸入“open”，然后找到“open in browser ”，點(diǎn)擊右下角的“install”進(jìn)行安裝

5、安裝之后，我們就可以進(jìn)行我們的HTML文件的運(yùn)行了。安裝完成之后，我們?cè)俜祷氐轿覀兊腍TML界面，然后鼠標(biāo)右鍵，找到下圖標(biāo)識(shí)的選項(xiàng)進(jìn)行運(yùn)行

6、我們也可以直接按住鍵盤上的Alt+B鍵進(jìn)行運(yùn)行，這時(shí)候我們就可以在網(wǎng)頁上看到我們的HTML文件已經(jīng)被運(yùn)行了。

以上就是VSCode安裝插件運(yùn)行HTML文件的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

vs code怎么快速生成html代碼?

vscode怎么使用? vscode基礎(chǔ)使用和設(shè)置方法

vscode怎么新建項(xiàng)目? vscode創(chuàng)建項(xiàng)目的教程