vscode writing code quickly

Enter >div.cube_$*6 in vs code and press Enter to generate the following code (〃‘▽’〃〃)

<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 writing code

Quickly generate class names.

id #
div#wrapper

Attributes []
span[title=“test”]

Descendants >
div>span>a

Brother +
div+p+span

Superior ^
div>span^i

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

• 1
• 2

AI writing code

Multiplication *
ul>li*2

text {}
div>span{this is vv’s test}

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

• 1

AI writing code

Self-increasing symbol $
ul>li.list_${list $}*3

• list 1
• list 2
• list 3

ul>$@3*3 "@3" means counting from 3

• list 1
• list 2
• list 3

(2) Abbreviation: h$[title=item$]{Header $}*3

Header 1

Header 2

Header 3

Implicit conversion
.class

ul>.item

table>.row>.col

! Basic html tags