vscode快速生成代码
1.标签名
例如div按tab将会生成
<div></div>
2.标签id属性
在标签后用#号链接一个名称,就是生成id
例如div#me按tab将会生成
<div id="me"></div>
3.标签的class属性
在标签后面用.号链接一个名称,将生成class
例如div.name 按tab将生成
<div class='name'></div>
4.标签文字
在标签后面用{}包裹文字就可以
例如:div{Hello world}按tab将生成
<div>Hello world</div>
5.子标签
用>开启下一级子标签
例如:div>p 然后按tab将生成
<div><p></p></div>
6.多个标签
用号来扩展同级标签的个数
div2 然后按tab生成
<div></div>
<div></div>
<div></div>
自定义代码块
定义的代码块
"HTML template":{
"prefix": "cc",
"body":[
"<!DOCTYPE html>",
"<html lang=\"zh\">",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<title>${1.page Title}</title>",
"<script src=\"https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js\"></script>",
"</head>",
"<body>",
"\t$0",
"</body>",
"</html>"
],
"description": "Simple HTML5 starting point"
}