代码自动补全
!(英文) + Tab键 ：生成基本的HTMl模板
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
</body>
</html>
标签名 + Tab键 ：生成标签
<a href=""></a>
<img src="" alt="">
<h6></h6>
a>img + Tab键: 表示img标签包含在a标签里
<a href=""><img src="" alt=""></a>
a*3 + Tab:生成三个并列a标签
<a href=""></a>
<a href=""></a>
<a href=""></a>
a>img*3:生成1个包含3个img标签的a标签
<a href="">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</a>
a*3>img:生成3个a标签，每个a标签包含1个img标签
<a href=""><img src="" alt=""></a>
<a href=""><img src="" alt=""></a>
<a href=""><img src="" alt=""></a>
(a>img)*3:生成3个a标签，每个a标签包含1个img标签
<a href=""><img src="" alt=""></a>
<a href=""><img src="" alt=""></a>
<a href=""><img src="" alt=""></a>
a.className + Tab键:生成一个a标签，此a标签的class = “className”(className为自己起的名字)
<a href="" class="className"></a>
a#idName + Tab键:生成一个a标签，此a标签的id = “idName”(idName为自己起的名字)
<a href="" id="idName"></a>
img[href=路径, alt=替换名, title=名字] + Tab键
<img src="路径" alt="替换名," title="名字">
h$*6 + Tab键：生成h1~h6 6个标签（$符转换成从1开始的数字）
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
img[src=路径$]*6 + Tab键： 生成6个img标签，src（路径）从路径1~路径6
<img src="路径1" alt="">
<img src="路径2" alt="">
<img src="路径3" alt="">
<img src="路径4" alt="">
<img src="路径5" alt="">
<img src="路径6" alt="">
其他标签类比即可
