vscode预设html模板的操作步骤-创新互联

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

创新互联于2013年创立,先为金湖等服务建站,金湖等地企业,进行企业商务咨询服务。为金湖企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

vscode预设html模板的操作步骤

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

vscode预设html模板的操作步骤

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

{
	"html:5": {
		"prefix": "h",
		"body": [
			"",
			"",
			"",
				"\t",
				"\t",
				"\t",
				"\t",
			"",
			"",
				
			"",
			"",
		],
		"description": "HTML5"
	}
}

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

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

vscode预设html模板的操作步骤

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


网站标题:vscode预设html模板的操作步骤-创新互联
浏览地址:http://scyanting.com/article/cdggoi.html