小编给大家分享一下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模板的操作步骤”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注天达云行业资讯频道！