sublime 快速編寫代碼技巧

在sublime上裝了Emmet插件后，我們就可以利用以下技巧快速編寫代碼

1、自動生成html頭文件

html:5 或!：用於HTML5文檔類型

html:xt：用於XHTML過渡文檔類型

html:4s：用於HTML4嚴格文檔類型

例如，輸入 html:5 然后按下Tab鍵，就會自動將html頭文件補全

2、快速填加 類、id

連續輸入元素名稱和ID，Emmet會自動為你補全，比如輸入p#example按下Tab鍵就會得到

<p id="example"></p>

輸入div.cls#con按下Tab鍵得到

<div class="cls" id="con"></div>

3、定義多個元素

例如輸入 ul>li*3 會得到

<ui>
  <li></li>
  <li></li>
  <li></li>
 </ui>

4、嵌套

現在你只需要1行代碼就可以實現標簽的嵌套。

• >：子元素符號，表示嵌套的元素
• +：同級標簽符號
• ^：可以使該符號前的標簽提升一行

例如輸入 div#con>div得到

<div id="con">
  <div></div>
 </div>

5、嵌套定義多個帶class 或 id的元素

例如： ul.d1>li#d2$*3 會得到

<ul class="d1">
  <li id="d21"></li>
  <li id="d22"></li>
  <li id="d23"></li>
 </ul>