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;

相关推荐
是烟花哈12 分钟前
IDEA中的debug使用技巧
java·ide·intellij-idea
至善迎风1 小时前
Windows系统中如何使用符号链接将.vscode等配置文件夹迁移到D盘(附 CMD & PowerShell 双版本命令)
ide·windows·vscode
old_power1 小时前
在 Windows 系统下配置 VSCode + CMake + Ninja 进行 C++ 或 Qt 开发
c++·windows·vscode·cmake·ninja
miachen-空中飞鸟1 小时前
[BIOS]VSCode zx-6000 编译问题
ide·vscode·编辑器
cooldream20091 小时前
在 Visual Studio Code 中使用驭码 CodeRider 提升开发效率:以冒泡排序为例
vscode·编辑器·驭码 coderider
BigData-02 小时前
vscode vue debug
ide·vue.js·vscode
晨曦5432102 小时前
将 Jupyter Notebook 的默认存储路径从 C 盘迁移到 D 盘,可以通过以下步骤实现:
ide·python·jupyter
笑虾3 小时前
Visual Studio Code 扩展
ide·vscode·编辑器
love530love4 小时前
教程:PyCharm 中搭建多级隔离的 Poetry 环境(从 Anaconda 到项目专属.venv)
开发语言·ide·人工智能·windows·python·pycharm
midsummer_woo4 小时前
【2025】pycharm 安装
ide·python·pycharm