HTML快速生成的快捷方法

在写前端页面的时候，经常会用到一些快速生成HTML代码的快捷方法，但是时间长了，有些可能会忘记，今天在这里做一个笔记。（毕竟好记性不如烂笔头嘛）

---

提示：在下面代码/命令写完后，按回车键快速生成，且命令之间不能有空格。

• 生成HTML页面

! （英文字符 !，回车）

生成效果：

• 生成标签

div

生成效果：

• 生成多个相同标签

div*3   //生成3行div标签

div.row*3    //生成3行div标签，且类名为row

div#item*3    //生成3行div标签，且id为item

div.row#item*3    //生成3行div标签，且类名为row，id为item

生成效果 ：注：生成效果以最后一个为例（下同）。

• 生成嵌套标签

ul>li*3    //生成一个ul标签，在ul标签中嵌套了3个li标签

ul#item>li.row*3    //生成一个ul标签，且id为item，在ul标签中嵌套了3个li标签，类名为row

ul#item*3>li.row*2    //生成3个ul标签，且id为item，在ul标签中嵌套了3个li标签，类名为row

生成效果：

• 生成嵌套有序标签

ul>li*3{$}    //生成一个ul标签，在ul标签中嵌套了3个li标签，且li中有有序文本。

ul*3{$}>li*2    //

ul*3>li*2{内容$}    //

生成效果：$自符必须包含在{}中。

注：命令之间不能有空格，命令之间不能有空格，命令之间不能有空格。