安装emmet插件
“!” +tap
就会直接生成：
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
</body>
</html>“div*3” +tap
就会直接生成：
<div></div>
<div></div>
<div></div> “div{Hhh}*3” +tap
就会直接生成：
<div>Hhh</div>
<div>Hhh</div>
<div>Hhh</div>“div{Hhh$}*3” +tap
就会直接生成：
<div>Hhh1</div>
<div>Hhh2</div>
<div>Hhh3</div>“.a” +tap
就会直接生成：
<div class="a"></div> “.#hh” +tap
就会直接生成：
<div class="" id="hh"></div>“span.a” +tap
就会直接生成：
<span class="a"></span> “fr” +tap
就会直接生成：
float:right;快速复制：
<div class="col-2">"当光标在这里的时候"</div>然后ctrl+c就可以了
多光标：
当你想在所有a的后面增添相同的class的时候，如何同时加呢？
<a href="#">我的订单</a>
<a href="#">我的收藏夹</a>
<a href="#">登录</a>
<a href="#">注册</a>方法一：
先选中<a然后ctrl+d然后向下
就可以依次选中下面的<a，然后你就发现光标练成了一竖，就可以同时增加了
方法二：
使光标处于<a后面，然后ctrl+alt，继续点击，可出现多个光标，可以在不同的位置同时增加不一定处在一排。（增加的范围更广）