vscode预设html模板的操作步骤

小编给大家分享一下vscode预设html模板的操作步骤，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

在玉屏等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、成都网站制作 网站设计制作按需求定制制作,公司网站建设,企业网站建设,成都品牌网站建设,全网整合营销推广,成都外贸网站建设,玉屏网站建设费用合理。

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

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

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那边的内容注意字符转义。

以上是“vscode预设html模板的操作步骤”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！