php|python|golang|C语言|XMl|前端|数据库|运维|工具类|微信|JAVA|

vscode怎么预设html模板

vscode怎么预设html模板

1、打开：首选项 -- 用户代码片段

caf44129522d3bf1759411dfc627503.png

2、在弹出的窗口选择HTML或者HTML5都可以（也可以在搜索框输入快速查找）

37afb0bebc34571508b30835b24b9f3.png

3、把默认的那些注释删掉，输入下面的模板（示例，可按自己需要的格式来写）

{
	"html:5": {
		"prefix": "h",
		"body": [
			"<!DOCTYPE html>",
			"<html>",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
				"\t<title></title>",
			"</head>",
			"<body>",
				
			"</body>",
			"</html>",
		],
		"description": "HTML5"
	}
}

prefix属性的值，这里是”h“，当在页面输入h的时候，就会进行提示的了。

head那边的内容注意字符转义。

77dce19b8164072db024a835ee599e9.png

推荐教程：vscode教程

以上就是vscode怎么预设html模板的详细内容，更多请关注https://www.sxiaw.com/其它相关文章！