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

第一個(gè)方法:

1 點(diǎn)擊菜單【文件】，如圖所示。

2 點(diǎn)擊【新建文件】，如圖所示。

3 就會(huì)創(chuàng)建一個(gè)沒(méi)有命名的文件，如圖所示。

4 點(diǎn)擊選擇語(yǔ)言開(kāi)始，會(huì)彈出選擇語(yǔ)言模式，在自動(dòng)檢測(cè)的下拉菜單中選擇html，一個(gè)沒(méi)有命名的html文件就創(chuàng)建好了。

5 點(diǎn)擊保存或者另存為，給沒(méi)有命名的html起個(gè)名字,可以起字母,數(shù)字,中文，起好名字,點(diǎn)擊保存，一個(gè)html文件就創(chuàng)建好了。

6 我們?cè)趆tml文件上輸入【!】嘆號(hào)(在英文狀態(tài)下)，然后按鍵盤(pán)的【Tab】鍵，只有在這種情況下按住Tab鍵才有用，如圖所示。

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

第二個(gè)方法:

1 點(diǎn)擊菜單【文件】，如圖所示。

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

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

4 我們?cè)趆tml文件上輸入【!】嘆號(hào)(在英文狀態(tài)下)，然后按鍵盤(pán)的【Tab】鍵，只有在這種情況下按住Tab鍵才有用，如圖所示。

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

補(bǔ)充：想要快速打開(kāi)HTML文件查看編輯效果

1.點(diǎn)擊編輯器主界面左上側(cè)第五個(gè)小圖標(biāo)——‘?dāng)U展’按鈕；

2.搜索 open in browser

3.打開(kāi) xxx.html 文件，右鍵選擇“Open In Default Browser”或者快捷鍵 alt+B 直接運(yùn)行

總結(jié)?