VScode修改默認(rèn)生成的HTML模板的方法
更新時(shí)間：2020年08月06日 09:22:24 作者：IT教育-湯小洋
這篇文章主要介紹了VScode修改默認(rèn)生成的HTML模板的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
在VScode中，新建HTML頁(yè)面時(shí)可以輸入!+tab鍵，快速生成HTML代碼模板，默認(rèn)生成的代碼模板如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
由于生成的代碼模板中有一些不需要，所以每次生成后都需要?jiǎng)h除，很麻煩。其實(shí)我們可以修改默認(rèn)生成的HTML代碼模板。
操作步驟：
1.找到VScode安裝目錄下的expand-full.js文件
路徑為
VScode\resources\app\extensions\emmet\node_modules\vscode-emmet- helper\out\expand\expand-full.js
2.利用編輯器搜索lang
找到下列代碼區(qū)域
"!!!": "{<!DOCTYPE html>}",
"doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body",
"!|html:5": "!!!+doc",
修改為
"!!!": "{<!DOCTYPE html>}",
// "doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body",
"doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",
"!|html:5": "!!!+doc",
3.重啟VScode
再次輸入!+tab鍵時(shí)，此時(shí)默認(rèn)生成的代碼模板已更改，如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
到此這篇關(guān)于VScode修改默認(rèn)生成的HTML模板的方法的文章就介紹到這了,更多相關(guān)VScode修改HTML模板內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
詳解idea中Git的Stash Changes和UnStash Changes用法
這篇文章主要介紹了idea中Git的Stash Changes和UnStash Changes用法,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
微信小程序版的知乎日?qǐng)?bào)開發(fā)實(shí)例
相信大家最近都被小程序刷了屏，于是趁周末趕緊擼了個(gè)小程序版的知乎日?qǐng)?bào)壓壓驚, 這篇文章主要是總結(jié)一下這個(gè)開發(fā)體驗(yàn)，和踩過(guò)的坑。有需要的朋友們可以參考借鑒。2016-09-09
解決Git?merge時(shí)報(bào)錯(cuò):refusing?to?merge?unrelated?histories問(wèn)題
在使用Git進(jìn)行分支合并時(shí),可能會(huì)遇到"refusing?to?merge?unrelated?histories"錯(cuò)誤,這是因?yàn)閲L試合并的兩個(gè)分支具有不相關(guān)的歷史記錄,解決方法包括使用--allow-unrelated-histories參數(shù)來(lái)合并分支,保留各自歷史,或者直接用一個(gè)分支的內(nèi)容覆蓋另一個(gè)分支2024-10-10
Git 的基本操作、開發(fā)流程、實(shí)用技巧總結(jié)(陳彥貝)
這篇文章主要介紹了Git 的基本操作、開發(fā)流程、實(shí)用技巧總結(jié),需要的朋友可以參考下2017-09-09
前段時(shí)間對(duì)接了好多外部接口，很多都是https的，還有證書，還有一些加密的。對(duì)這塊不是太了解，就查資料整理總結(jié)實(shí)踐下。下面這篇文章主要給大家深入的介紹了關(guān)于HTTPS中加密算法的相關(guān)資料，需要的朋友可以參考下。2017-07-07
當(dāng)新建分支未及時(shí)跟蹤master分支的更新,導(dǎo)致拉取時(shí)出現(xiàn)無(wú)跟蹤信息的提示,解決方法是先切換到master分支,進(jìn)行g(shù)it pull操作獲取最新代碼,然后切換回自己的分支并合并master的代碼,最后將更新后的分支推送到遠(yuǎn)程倉(cāng)庫(kù),這樣確保新建分支能與master保持同步2024-09-09
vscode使用markdown無(wú)法預(yù)覽網(wǎng)絡(luò)圖片的解決方法
本文主要介紹了vscode使用markdown無(wú)法預(yù)覽網(wǎng)絡(luò)圖片的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
本文給大家整理匯總了17個(gè)常用的vscode裝B插件,都是作者費(fèi)心整理出來(lái)的,希望大家能夠喜歡2020-02-02
今天通過(guò)本文給大家介紹Scratch3.0初始化加載七牛云上的sbs文件的實(shí)例代碼，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-08-08
本文主要介紹了git pull每次都要輸入用戶名和密碼的解決辦法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06