VScode修改默認(rèn)生成的HTML模板的方法
更新時(shí)間：2020年08月06日 09:22:24 作者：IT教育-湯小洋
這篇文章主要介紹了VScode修改默認(rèn)生成的HTML模板的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(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)文章
這篇文章主要介紹了Git中常用的6種撤消更改的方法,包括git?amend、git?reset、git?rebase、git?revert和git?checkout等,通過這些命令,可以方便地處理項(xiàng)目代碼管理中的錯(cuò)誤操作或需求變更,需要的朋友可以參考下2024-12-12
VSCode中通過launch.json文件打斷點(diǎn)DeBug調(diào)試代碼詳細(xì)圖文教程
在VSCode中l(wèi)aunch.json是用于配置調(diào)試器的文件,它定義了調(diào)試會(huì)話的各種設(shè)置,下面這篇文章主要給大家介紹了關(guān)于VSCode中通過launch.json文件打斷點(diǎn)DeBug調(diào)試代碼的詳細(xì)圖文教程,需要的朋友可以參考下2024-08-08
以下是提高編程技能的12個(gè)方法，主要是不停學(xué)習(xí)，努力成全才，跟聰明人或有想法的一起2012-05-05
這篇文章主要給大家介紹了關(guān)于小項(xiàng)目中該如何管理npm包版本的思路與方法,npm包版本管理是非常重要的，文章通過示例代碼介紹的很詳細(xì),需要的朋友可以參考下2021-06-06
這篇文章主要介紹了github 生成token的方法，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-09-09
這篇文章主要為大家介紹了conda常用命令整理及用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
Git中smart Checkout與force checkout的區(qū)別及說明
這篇文章主要介紹了Git中smart Checkout與force checkout的區(qū)別及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
為Jenkins創(chuàng)建定時(shí)構(gòu)建任務(wù)
這篇文章介紹了為Jenkins創(chuàng)建定時(shí)構(gòu)建任務(wù)的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
_pycache__ 文件夾是 Python 編譯器用來存放編譯后的 Python 文件的，在項(xiàng)目中不需要提交這些文件，因?yàn)樗鼈兛梢酝ㄟ^編譯源代碼重新生成，這篇文章主要介紹了如何在 git 中取消 __pycache__ 文件,需要的朋友可以參考下2023-01-01
OB系統(tǒng)變量Variables及ODC管理會(huì)話功能詳解
這篇文章主要為大家介紹了OB系統(tǒng)變量Variables及ODC管理會(huì)話功能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12