WebStorm —— 快捷键

符号有什么含义

>:下一个子标签，用于父子标签的连接

*:多少个子标签，后面跟子标签的个数

$:标签的名称序号，可以理解为for循环中的i

{}:标签的内容，标签中的文字等需要在{}表示

输入h1，加tab键

输入div#abc，加tab键

输入div.abc，加tab键

输入a[href=#] 加tab键

输入div>p*6,加tab键

输入 ul>li*5>a[href=#]{我是第$个}，加tab键

 
我是第1个
 
我是第2个
我是第3个
 
我是第4个
 
我是第5个

输入 img[src='img/$.jpg']*3，加tab键

输入 li*3>div.img>img[src='img/$.jpg']，加tab键

快速生成for循环代码块

/* for循环：输入itar,再点击tab键*/ 
for (var i = 0; i < arr.length; i++) {
  var obj = arr[i];
} 

输入div#tab1+div#tab2，加tab键

+ : 表示并列的标签
 

引入link，script标签

快速输入ul、li

快速输入多个标签

快速输入带类名的标签