技術標籤：web前端js

HTML模板生成，這個貌似 sublime Text 中用的多，不過也應該知道一下。

！+Tab (Emmet語法預設最後都是+Tab ，下面我就不再多說了)

意思就是打完快捷輸入後按tab鍵

例子：

語法五：最後來個巢狀多的。（細品，你細品就會發現很多時候都會用到。）

#page>div.logo+ul#nav>li*5>a{Item $}

<div id="page">
    <div class="logo"></div>
    <ul id="nav">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>
 

注：

1、在 Emmet外掛 中，可以利用如：h1{元素內容$}*n的方式，自動複製生成 n行，$ 的作用是自動升序生成序號，便於測試。

2、在 Emmet外掛 中，loremn(n為字母個數)可自動輸出 n個字母組成 的文字內容。

轉自cnblogs.com/byx1024/p/12837934.html