安装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
,继续点击,可出现多个光标,可以在不同的位置同时增加不一定处在一排。(增加的范围更广)