在vscode中快速新建html文件的2種方法總結(jié)
在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)——‘擴(kuò)展’按鈕；
2.搜索 open in browser
3.打開(kāi) xxx.html 文件，右鍵選擇“Open In Default Browser”或者快捷鍵 alt+B 直接運(yùn)行
總結(jié)
到此這篇關(guān)于在vscode中快速新建html文件的2種方法的文章就介紹到這了,更多相關(guān)vscode新建html文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Cocos2d-x學(xué)習(xí)筆記之世界坐標(biāo)系、本地坐標(biāo)系、opengl坐標(biāo)系、屏幕坐標(biāo)系
這篇文章主要介紹了Cocos2d-x學(xué)習(xí)筆記之世界坐標(biāo)系、本地坐標(biāo)系、opengl坐標(biāo)系、屏幕坐標(biāo)系,本文用代碼和注釋講解了Cocos2d-x中的坐標(biāo)體系,需要的朋友可以參考下2014-09-09
Boost是為C++語(yǔ)言標(biāo)準(zhǔn)庫(kù)提供擴(kuò)展的一些C++程序庫(kù)的總稱(chēng)。Boost庫(kù)是一個(gè)可移植、提供源代碼的C++庫(kù)，作為標(biāo)準(zhǔn)庫(kù)的后備，是C++標(biāo)準(zhǔn)化進(jìn)程的開(kāi)發(fā)引擎之一，是為C++語(yǔ)言標(biāo)準(zhǔn)庫(kù)提供擴(kuò)展的一些C++程序庫(kù)的總稱(chēng)2022-11-11
這篇文章主要分享的是面試官常用的16個(gè)c/c++面試題，?C中static有什么作用、C++中const有什么用？C與C++各自是如何定義常量的？有什么不同？等等問(wèn)題，具有一定的參考資料，需要的小伙伴可以參考一下2022-01-01
基于C++實(shí)現(xiàn)信息管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于C++實(shí)現(xiàn)信息管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
Qt如何實(shí)現(xiàn)輸入框@聯(lián)系人的@檢測(cè)的示例
本文主要介紹了Qt如何實(shí)現(xiàn)輸入框@聯(lián)系人的@檢測(cè)的示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
一問(wèn)學(xué)會(huì)QT時(shí)間類(lèi)
QT獲取時(shí)間的類(lèi)有3個(gè)，分別是QDate、QTime、QDateTime,他們屬于QT的network模塊。本文詳細(xì)的介紹了這3個(gè)模塊的使用，感興趣的可以了解一下2023-04-04
這篇文章主要介紹了如何利用Matlab制作抖音的同款含褶皺面料圖，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Matlab有一定幫助，需要的可以參考一下2022-03-03
今天就跟大家聊聊有關(guān)C++中replace()函數(shù)的作用是什么,可能很多人都不太了解,為了讓大家更加了解,這篇文章主要給大家介紹了關(guān)于C++中replace()?函數(shù)的基本用法,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了C++字符串的截取問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-08-08
C 語(yǔ)言中strstr函數(shù)實(shí)例詳解
這篇文章主要介紹了C 語(yǔ)言中strstr函數(shù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07