快速生成HTML结构
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/bc81deaf3ffb1a2c168bc2140f53baa2.jpeg#pic_center)
1 div +Tab/Enter
<div></div>
2 div*3 +Tab/Enter
<div></div>
<div></div>
<div></div>
3 ul>li +Tab/Enter
<ul>
<li></li>
</ul>
4 div+p +Tab/Enter
<div></div>
<p></p>
5 .demo +Tab/Enter
<div class="demo"></div>
6 div*5.demo$ +Tab/Enter
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>
7 div*5{dd$} +Tab/Enter
<div>dd1</div>
<div>dd2</div>
<div>dd3</div>
<div>dd4</div>
<div>dd5</div>
格式化代码(VS CODE)
- 单击右键有一个Format Document选项或者快捷键(Shift+Alt+F)
- 保存时自动格式化代码
2.1 打开setting.json文件
2.2 搜索emmet.include
2.3 编辑setting.json文件,添加"editor.formatOnType":true, "editor.formatOnSave":true
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f9e675bb6bc322edc2dbf83443e3617f.jpeg#pic_center)