一、系统新建HTML的快捷键
直接新建文件,并保存改名为test.html
。然后输入!+回车
或者!+Tab
,就可以生成html模板,如图:
二、自定义快捷键
第一步,找到设置 -- 用户代码片段
第二步,搜索
html.json
,点击进入该文件第三步,将
HTML模板
的代码片段或者自己喜欢模板片段放到大括号里面即可
"h5 template": {
"prefix": "html", // 对应的是使用这个模板的快捷键
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"<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>Document</title>",
"\t</head>",
"<body>\n",
"</body>",
"</html>"
],
"description": "使用快捷键html就可以快速创建出模板" // 模板的描述
}
最后我们就可以在test.html
文件中使用自定义快捷键html+回车
或者html+Tab
快速创建模板