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;

相关推荐
Eason_Lou10 小时前
webstorm开发vue项目快捷跳转到vue文件
ide·vue.js·webstorm
猫头虎19 小时前
Claude Code 永动机:ralph-loop 无限循环迭代插件详解(安装 / 原理 / 最佳实践 / 避坑)
ide·人工智能·langchain·开源·编辑器·aigc·编程技术
我命由我1234519 小时前
Android Studio - Android Studio 去除 import 的未使用的类
android·java·ide·学习·java-ee·android studio·学习方法
另寻沧海20 小时前
VS Code 内置变量与配置文件完全指南
c++·vscode
爱吃汽的小橘21 小时前
ZYNQ入门指南:ARM+FPGA开发全解析
编辑器
环黄金线HHJX.21 小时前
《QuantumTuan ⇆ QT:Qt》
人工智能·qt·算法·编辑器·量子计算
hi0_621 小时前
vibe coding 开发软件(一) 模型选择和agent简单使用
ide·个人开发·visual studio
LingRannn21 小时前
【vim 中如何替换】
编辑器·vim·excel
山峰哥21 小时前
3000字深度解析:SQL调优如何让数据库查询效率提升10倍
java·服务器·数据库·sql·性能优化·编辑器
惊讶的猫21 小时前
vscode+conda
ide·vscode·conda