Emmet是一款强大的前端开发辅助工具，通过输入简写并按Tab键，可以快速生成HTML和CSS代码。例如，输入div*3生成三个连续的div，ul>li创建带有子元素li的ul列表，div$.class自动生成带类名的div。这种高效的方式能极大提升开发速度。
Emmet 是一个提高前端开发效率的一个工具。Emmet允许在html、xml、和css等文档中输入缩写，然后按tab键自动展开为完整的代码片段。
快速生成HTML结构语法
- 生成标签：直接输入标签名按tab键即可，比如div 然后tab键，就可以生成
<div></div> - 如果想要生成多个相同标签加上*就可以了，比如
div*3就可以快速生成3个div - 如果有父子级关系的标签，可以用>，比如ul > li就可以了
- 如果有兄弟关系的标签，用＋就可以了，比如div+p
- 如果生成带有类名或者id名字的，直接写.demo 或者#two tab键就可以了
- 如果生成的div类名是有顺序的，可以用自增符号$
<body>
<!-- div 按tab键 -->
<div></div>
<!-- div*3 -->
<div></div>
<div></div>
<div></div>
<!-- ul>li -->
<ul>
<li></li>
</ul>
<!-- div+p -->
<div></div>
<p></p>
<!-- .demo 按tab键 -->
<div class="demo"></div>
<!-- #demo1 按tab键 -->
<div id="dem01"></div>
<!-- div$*3 -->
<div1></div1>
<div2></div2>
<div3></div3>
</body>
扫一扫
295
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
