生成HTML模板：
! (英文感叹号)?然后回车或TAB键
格式化代码：
Shift + Alt + F（Windows下）
生成标签：
单个：div
多个：div*3
父子：ul>li*3, tr*3>td*4(3行4列）
父子升级：ul>li*3>a，table>tr*3>td*4
兄弟：h1 + div*3 + ul>li*3
注：若直接复制vscode会没有提示，尝试先去掉最后一个字符再补全有提示后回车即可
标签和内容：{}
?h1{这是一级标签}? ?->? ? <h1>这是一级标签</h1>
注：感觉只在这里用的话有点多余，但后面内容自增有用
标签和属性：[ ]
?div[name]? ?->? ?<div name=" "></div>
?div[name=Michael]? ?->? ? <div name="Michael"></div>
class类名标签：
h1.className? ?->? ? <h1 class="className"></h1>
不写标签默认为div
?.className? ?->? ? <div class="className"></div>
id名标签：
h1#idName? ?->? ? <h1 id="idName"></h1>
不写标签默认为div
?#idName? ?->? ? <div id="idName"></div>
同时带class和id标签：
h1#idName.className? ?->? ? <h1 id="idName" class="className"></h1>
不写标签默认为div
?#idName.className? ?->? ? <div id="idName" class="className"></div>
标签的自增：$
? ?类名自增：h1.className$*2? ?->
???????????????? ?<h1 class="className1"></h1>
? ? ? ? ? ? ? ? ? <h1 class="className2"></h1>
? ? ? ? ? ? ? ? ? ? ? ? ? ??
? id自增： h1#idName$*2 ? -> ? ? ? ?
????????????????<h1 id="idName1"></h1>
? ? ? ? ? ? ? ? <h1 id="idName2"></h1>
? 标签内容自增: div*2{$} ? ??-> ? ?
?????????????????<div>1</div>
? ? ? ? ? ? ? ? ?<div>2</div>
|