vscode怎麼執行程式碼HTML 怎麼在vscode編寫HTML程式碼

vscode怎麼執行程式碼HTML?vscode是一款原始碼編輯器軟體，能夠用於windows、macOS以及Linux系統，具有豐富的其他語言。網站html編寫也需要使用到vscode，但是很多小夥伴們不知道如何執行編寫html程式碼，那麼今天小編就來教大家vscode怎麼執行程式碼HTML以及怎麼在vscode編寫HTML程式碼，一起來看看吧。

vscode怎麼執行程式碼HTML

1、首先開啟vscode軟體，新建一個HTML檔案，字尾名也需要寫上;

2、點選vscode軟體左邊的擴充套件，同時按住鍵盤上的CTRL+SHIFT+L進入擴充套件介面;

3、進入擴充套件介面後在搜尋框中輸入open，找到“open in browser”|，點選右下角的“install”進行安裝;

4、安裝完成後，返回html介面，滑鼠右鍵，找到下圖示識選項進行執行。

 

怎麼在vscode編寫HTML程式碼

1、開啟vscode軟體，新建html檔案，在編輯區域內輸入英文感嘆號“!”，按下tab鍵;

2、這樣就可以快速建立一個html模板，刪除lang="en"程式碼，這會把網頁標註城英文網頁;

3、在title標籤中輸入網頁標題;

4、接著在body標籤中編輯網頁內容;

5、然後在head便籤中插入style標籤，在style標籤中寫css樣式控制body標籤中的內容顯示;

6、最後就可以使用瀏覽器開啟html檔案檢視網頁效果了。

以上就是小編今天為大家帶來的vscode怎麼執行程式碼HTML以及怎麼在vscode編寫HTML程式碼全部內容，希望能夠幫助到大家。