2.1 Emmet语法:
2.1.1快速生成html结构语法
1.生成标签 直接输入标签名 按tab键
2. 如果想要生成多个相同的标签,加上* 就可以了 比如:div*3就可以快速生成3个div
3. 如果有父子级关系的标签,可以用 > 比如: ul>li 就可以了
4. 如果有兄弟级关系的标签,用+ 就可以了 比如 div+p
5. 如果生成带有类名或者 id 名字的, 直接写 .demo 或者 #two tab键就可以了
6.如果想要生成的div类名是有顺序的,可以用自增符号$
.demo$*5
等价于
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>
7.如果想要在标签内部写内容可以用 { }表示
<!-- ul>li tab键 -->
<ul>
<li></li>
</ul>
<!-- p*3 tab键 -->
<p></p>
<p></p>
<p></p>
<!-- div+p tab键 -->
<div></div>
<p></p>
<!-- .demo tab键 -->
<div class="demo"></div>
<!-- #two tab键 -->
<div id="two"></div>
<!-- .demo&*5 -->
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>
<!-- div{aaaaaaaaa} tab键 -->
<div>aaaaaaaaa</div>
2.2.2 快速生成CSS样式语法
输入每个单词首字母
2.2.3 快速格式化代码
快捷键: shift+alt+f
或者在设置里设置