在vscode中快速新建html文件的2種方法總結
在vscode中新建html文件的兩種方法:
第一個方法:
1 點擊菜單【文件】,如圖所示。
2 點擊【新建文件】,如圖所示。
3 就會創(chuàng)建一個沒有命名的文件,如圖所示。
4 點擊選擇語言開始,會彈出選擇語言模式,在自動檢測的下拉菜單中選擇html,一個沒有命名的html文件就創(chuàng)建好了。
5 點擊保存或者另存為,給沒有命名的html起個名字,可以起字母,數(shù)字,中文,起好名字,點擊保存,一個html文件就創(chuàng)建好了。
6 我們在html文件上輸入【!】嘆號(在英文狀態(tài)下),然后按鍵盤的【Tab】鍵,只有在這種情況下按住Tab鍵才有用,如圖所示。
7 按住tab鍵后,系統(tǒng)生成的html文件,如圖所示。
第二個方法:
1 點擊菜單【文件】,如圖所示。
2 點擊【新建文件】,或者使用快捷鍵ctrl+n,如圖所示
3 點擊完【文件】然后點擊【保存】或者按快捷鍵【ctrl+s】進入保存界面,也可以點擊另存為或者按快捷鍵【ctrl+shift+s】我們【輸入html文件名稱】,選擇html的后綴【html】,最后點擊保存,如圖所示。
4 我們在html文件上輸入【!】嘆號(在英文狀態(tài)下),然后按鍵盤的【Tab】鍵,只有在這種情況下按住Tab鍵才有用,如圖所示。
5 按住tab鍵后,系統(tǒng)生成的html文件,如圖所示。
補充:想要快速打開HTML文件查看編輯效果
1.點擊編輯器主界面左上側第五個小圖標——‘擴展’按鈕;
2.搜索 open in browser
3.打開 xxx.html 文件,右鍵選擇“Open In Default Browser”或者快捷鍵 alt+B 直接運行
總結
到此這篇關于在vscode中快速新建html文件的2種方法的文章就介紹到這了,更多相關vscode新建html文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Cocos2d-x學習筆記之世界坐標系、本地坐標系、opengl坐標系、屏幕坐標系
這篇文章主要介紹了Cocos2d-x學習筆記之世界坐標系、本地坐標系、opengl坐標系、屏幕坐標系,本文用代碼和注釋講解了Cocos2d-x中的坐標體系,需要的朋友可以參考下2014-09-09Qt如何實現(xiàn)輸入框@聯(lián)系人的@檢測的示例
本文主要介紹了Qt如何實現(xiàn)輸入框@聯(lián)系人的@檢測的示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-08-08