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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

使用VScode寫(xiě)一個(gè)html頁(yè)面

相關(guān)文章

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