首頁 > 軟體

在vscode中快速新建html檔案的2種方法總結

2022-04-08 13:01:47

在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 直接執行

總結 

到此這篇關於在vscode中快速新建html檔案的2種方法的文章就介紹到這了,更多相關vscode新建html檔案內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com