1. 程式人生 > >vscode下快速開始編輯html檔案及執行html介面

vscode下快速開始編輯html檔案及執行html介面

參考連結一:https://blog.csdn.net/lhq186/article/details/78353460?utm_source=blogxgwz0

參考連結而:https://blog.csdn.net/shirleyqdd/article/details/80816404

 

vscode下快速開始編輯html檔案:

1.新建檔案,儲存成html型別的檔案

2.在第一行輸入“1”

3.將游標移動到下一位,按下Tab鍵,完成效果如圖:

執行html介面:

1.在vscode介面左下角找到一個小圖示,滑鼠左鍵單擊,如圖所示:

2.在搜尋框內輸入“open in browers”,出現如下介面:

3.點選install進行安裝,因為這裡我已經安裝過了,所以它只是出現一個小螺絲;installl完了之後,點選reload按鈕。

4.點選如下文字按鈕,回到開始頁面如圖:

5.alt+b執行html檔案或者alt+shift+b切換不同瀏覽器執行,執行結果如圖: