本文介绍了如何使用Emmet在VSCode中加速HTML和CSS的编写。Emmet是一个强大的语法缩写工具，支持快速生成HTML结构和CSS样式。例如，通过缩写div*3生成三个连续的div，使用ul>li创建包含li的ul列表，或者用.w200快速得到width: 200px的样式。此外，还分享了如何设置VSCode以在保存时自动格式化代码，提高代码整洁度。
her~~llo，我是你们的好朋友Lyle，是名梦想成为计算机大佬的男人！
博客是为了记录自我的学习历程，加强记忆方便复习，如有不足之处还望多多包涵！非常欢迎大家的批评指正。
目录
一、Emmet简介
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。
1. 快速生成HTML结构语法
2. 快速生成CSS样式语法
二、快速生成HTML结构语法
1.生成标签直接输入标签名按tab键即可比如 div然后tab 键，就可以生成<div></div>
2.如果想要生成多个相同标签 加上* 就可以了比如div*3就可以快速生成3个div
3.如果有父子级关系的标签，可以用>比如ul> li就可以了
4.如果有兄弟关系的标签，用 + 就可以了比如div+p
5.如果生成带有类名或者id名字的， 直接写 .demo 或者 #twotab 键就可以了
6.如果生成的div 类名是有顺序的，可以用自增符号 $
7.如果想要在生成的标签内部写内容可以用 { } 表示
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
