vscode生成代码图片_vs Code 快速生成代码

之前偶然了解到能用公式快速生html代码

查阅资料后就有了下面的小小总结 U•ェ•*U

例如：

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

猜测语法规则会和CSS选择器有些类似，平时开发中也会畏畏缩缩的用用，没有明确公式规则内心总会不踏实，于是就下定决心，一探究竟，产出下面的粗糙文章，相当于笔记了吧。(｀・ω・´)

类名 .

div.wrapper

id #

div#wrapper

属性 []

span[title="test"]

后代 >

div>span>a

兄弟 +

div+p+span

上级 ^

div>span^i

乘法 *

ul>li*2

文本 {}

div>span{this is vv's test}

this is vv's test

自增符 $

ul>li.list_${list $}*3

• list 1
• list 2
• list 3

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

• list 1
• list 2
• list 3

隐式转换

.class

ul>.item

table>.row>.col

！ 基本html标签

Document

ヾ(*ΦωΦ)ツ最后附上参考资料。