VScode的小tip之Emmet语法

Emmet语法的前身是Zen coding,它用来缩写,来提高html/css的编写速度,Vscode内部已经集成该语法

快速生成HTML结构语法

1.生成标签 直接输入标签名按tab键即可 比如 div 然后tab键,就可以生成<div></div>.

2.如果想要生成多个相同标签 加上**就可以了比如 div*3 就可以快速生成3个div

3.如果有父子级关系的标签,可以用>,比如 ul>li就可以了

4.如果有兄弟关系的标签,用 + 就可以了 比如 div+p

5.如果生成带有类名或者id名字的,直接写.demo 或者 #two tab 键就可以了

6.如果生成的div类名是有顺序的,可以用自增符号$

快速生成CSS样式语法

CSS 基本采取简写形式即可

1.比如w200 按tab 可以生成 width: 200px;

2.比如 lh26 按tab 可以生成 line-height: 26px;

相关推荐
&&Citrus7 小时前
【杂谈】SNNU公共计算平台:深度学习服务器配置与远程开发指北
服务器·人工智能·vscode·深度学习·snnu
飞火流云9 小时前
vscode Linux下编译失败找不到文件
ide·vscode·编辑器
Trouville0110 小时前
Pycharm软件初始化设置,字体和shell路径如何设置到最舒服
ide·python·pycharm
Piink11 小时前
VSCode基本操作
vscode·编辑器
就叫飞六吧14 小时前
找不到或无法加载主类 @C:\***\Local\Temp\idea_arg_file...
java·ide·intellij-idea
BD_Marathon14 小时前
【JavaWeb】VsCode的其他常见设置
ide·vscode·编辑器
landian00416 小时前
vscode对于txt格式文件使用tab缩进为3个空格
ide·vscode·编辑器
q***046316 小时前
[golang][MAC]Go环境搭建+VsCode配置
vscode·macos·golang
ZhongruiRao16 小时前
vscode windows免密登录Linux服务器教程 解决设置后仍需要输入密码的问题
linux·服务器·vscode
阿阿阿阿里郎17 小时前
Vscode+STM32CubeMX+Cmake联合开发教
ide·vscode·编辑器