在vscode中新建html文件的兩種方法:

第一個方法:

1 點擊菜單【文件】，如圖所示。

2 點擊【新建文件】，如圖所示。

3 就會創建一個沒有命名的文件，如圖所示。

4 點擊選擇語言開始，會彈出選擇語言模式，在自動檢測的下拉菜單中選擇html，一個沒有命名的html文件就創建好了。

5 點擊保存或者另存為，給沒有命名的html起個名字,可以起字母,數字,中文，起好名字,點擊保存，一個html文件就創建好了。

6 我們在html文件上輸入【!】嘆號(在英文狀態下)，然后按鍵盤的【Tab】鍵，只有在這種情況下按住Tab鍵才有用，如圖所示。

7 按住tab鍵后，系統生成的html文件，如圖所示。

第二個方法:

1 點擊菜單【文件】，如圖所示。

2 點擊【新建文件】，或者使用快捷鍵ctrl+n，如圖所示

3 點擊完【文件】然后點擊【保存】或者按快捷鍵【ctrl+s】進入保存界面，也可以點擊另存為或者按快捷鍵【ctrl+shift+s】我們【輸入html文件名稱】，選擇html的后綴【html】，最后點擊保存，如圖所示。

4 我們在html文件上輸入【!】嘆號(在英文狀態下)，然后按鍵盤的【Tab】鍵，只有在這種情況下按住Tab鍵才有用，如圖所示。

5 按住tab鍵后，系統生成的html文件，如圖所示。

補充：想要快速打開HTML文件查看編輯效果

1.點擊編輯器主界面左上側第五個小圖標——‘擴展’按鈕；

2.搜索 open in browser

3.打開 xxx.html 文件，右鍵選擇“Open In Default Browser”或者快捷鍵 alt+B 直接運行

總結?