VScode修改默认HTML代码

最新推荐文章于 2024-06-29 12:49:57 发布

不二月下

最新推荐文章于 2024-06-29 12:49:57 发布

阅读量6.7k

点赞数 3

文章标签： VScode HTML

本文链接：https://blog.csdn.net/weixin_42427923/article/details/95334673

版权

在VScode新建的HTML文档中输入!+tab键可生成HTML默认格式代码，未更改前的代码如下：

<!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>

由于一些代码不需要使用，而每次生成后都需要删除，在这里我们修改默认的HTML代码
找到VScode安装目录下的目标文件 VScode\resources\app\extensions\emmet\node_modules\vscode-emmet- helper\out\expand\expand-full.js
利用编辑器搜索lang，找到下列代码区域

	"!!!": "{<!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",

重启VScode，再次输入!+tab时，可看到默认代码已更改，如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

完成更改！

不二月下

关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
3
评论
VScode修改默认HTML代码

在VScode新建的HTML文档中输入!+tab键可生成HTML默认格式代码，未更改前的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...
复制链接

扫一扫