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;

相关推荐
alpszero1 小时前
在VSCode中使用Ultralytics扩展
vscode·yolo11
cnkeysky4 小时前
vscode 配置 latex
vscode·latex
2401_858286117 小时前
OS11.【Linux】vim文本编辑器
linux·运维·服务器·编辑器·vim
love530love9 小时前
【PyCharm必会基础】正确移除解释器及虚拟环境(以 Poetry 为例 )
开发语言·ide·windows·笔记·python·pycharm
梦星辰.10 小时前
VSCode CUDA C++进行Linux远程开发
linux·c++·vscode
*Lisen11 小时前
重新安装解决mac vscode点击不能跳转问题
ide·vscode·macos
小男孩tom12 小时前
vscode
ide·vscode·编辑器
Morpheon20 小时前
Cursor 1.0 版本 GitHub MCP 全面指南:从安装到工作流增强
ide·github·cursor·mcp
猿小猴子21 小时前
主流 AI IDE 之一的 Cursor 介绍
ide·人工智能·cursor
我命由我123451 天前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具