vscode怎么運(yùn)行代碼HTML 怎么在vscode編寫HTML代碼

vscode怎么運(yùn)行代碼HTML?vscode是一款源代碼編輯器軟件，能夠用于windows、macOS以及Linux系統(tǒng)，具有豐富的其他語言。網(wǎng)站html編寫也需要使用到vscode，但是很多小伙伴們不知道如何運(yùn)行編寫html代碼，那么今天小編就來教大家vscode怎么運(yùn)行代碼HTML以及怎么在vscode編寫HTML代碼，一起來看看吧。

vscode怎么運(yùn)行代碼HTML

1、首先打開vscode軟件，新建一個(gè)HTML文件，后綴名也需要寫上;

2、點(diǎn)擊vscode軟件左邊的擴(kuò)展，同時(shí)按住鍵盤上的CTRL+SHIFT+L進(jìn)入擴(kuò)展界面;

3、進(jìn)入擴(kuò)展界面后在搜索框中輸入open，找到“open in browser”|，點(diǎn)擊右下角的“install”進(jìn)行安裝;

4、安裝完成后，返回html界面，鼠標(biāo)右鍵，找到下圖標(biāo)識(shí)選項(xiàng)進(jìn)行運(yùn)行。

怎么在vscode編寫HTML代碼

1、打開vscode軟件，新建html文件，在編輯區(qū)域內(nèi)輸入英文感嘆號(hào)“!”，按下tab鍵;

2、這樣就可以快速創(chuàng)建一個(gè)html模板，刪除lang="en"代碼，這會(huì)把網(wǎng)頁標(biāo)注城英文網(wǎng)頁;

3、在title標(biāo)簽中輸入網(wǎng)頁標(biāo)題;

4、接著在body標(biāo)簽中編輯網(wǎng)頁內(nèi)容;

5、然后在head便簽中插入style標(biāo)簽，在style標(biāo)簽中寫css樣式控制body標(biāo)簽中的內(nèi)容顯示;

6、最后就可以使用瀏覽器打開html文件查看網(wǎng)頁效果了。

以上就是小編今天為大家?guī)淼膙scode怎么運(yùn)行代碼HTML以及怎么在vscode編寫HTML代碼全部內(nèi)容，希望能夠幫助到大家。