vscode 快速写代码

在vs code 中输入 >div.cube_$*6 摁下回车键就会生成如下代码 (〃‘▽’〃)

<div class="cube">
    <div class="cube_1"></div>
    <div class="cube_2"></div>
    <div class="cube_3"></div>
    <div class="cube_4"></div>
    <div class="cube_5"></div>
    <div class="cube_6"></div>
</div>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

AI写代码

快速生成类名 .

id #
div#wrapper

属性 []
span[title=“test”]

后代 >
div>span>a

兄弟 +
div+p+span

上级 ^
div>span^i

<div><span></span></div>
<i></i>

• 1
• 2

AI写代码

乘法 *
ul>li*2

文本 {}
div>span{this is vv’s test}

<div><span>this is vv's test</span></div>

• 1

AI写代码

自增符 $
ul>li.list_${list $}*3

• list 1
• list 2
• list 3

ul>$@3*3 “@3” 表示从3开始计数

• list 1
• list 2
• list 3

（2）缩写：h$[title=item$]{Header $}*3

Header 1

Header 2

Header 3

隐式转换
.class

ul>.item

table>.row>.col

！ 基本html标签