emmet-vim 使用方法
2017-08-06 本文已影响0人
a_pioneer
| 含义 | 符号 | 字符串 | 结果 |
|---|---|---|---|
| 子代 | > | div>p |
<div><p></p></div> |
| 兄弟 | + | div+p |
<div></div><p></p> |
| 父 | ^ | div>p^a |
<div><p></p><a></a></div> |
| 重复 | * | div*2 |
<div></div><div></div> |
| 成组 | () | (div>a)*2 |
<div><a></a></div><div><a></a></div> |
| id | # | div#root |
<div id="root"></div> |
| class | . | div.class1.class2 |
<div class="class1 class2"></div> |
| 属性 | [a=b] | div[name=hello] |
<div name="hello"></div> |
- 在编辑模式下
<C-Y> + ,即可生成html结构 -
html:5快速生成html文档
