VSCode中生成字母序列结构的Emmet缩写查询

当然有对应的Emmet缩写可以快速生成你要的HTML结构，下面提供两种实用写法：

写法一：直接指定文本内容 #

div.container>div.item{A}+div.item{B}+div.item{C}

写法二：利用重复+序列文本填充（更简洁） #

div.container>div.item{$@A}*3

使用方法： #

• 在VSCode的HTML文件（或支持Emmet的编辑模式）中输入上述任意缩写
• 按下Tab键（或你设置的Emmet展开快捷键），即可生成目标HTML结构

展开后效果：

<div class="container">
    <div class="item">A</div>
    <div class="item">B</div>
    <div class="item">C</div>
</div>

语法说明： #

• >：表示父元素与子元素的层级关系
• {}：用于定义元素内部的文本内容
• *3：表示重复生成3次前面的元素
• $@A：实现序列文本填充，$代表序列起始，@A指定从字母A开始依次生成A、B、C

内容的提问来源于stack exchange，提问作者Vaibhav Kumar