做網頁的好幫手 emmet

上週在看做網頁的一些教學 發現怎麼人家做網頁跟D3刷寶一樣快
原來是用了 emmet 這個神外掛
裝了之後 只要在編輯器打上

[code]
#page>div.logo+ul#navigation>li*5>a{Item $}
[/code]

按一下指定熱鍵(依照編輯器與平台不同)
就會轉換為

[code language=”html”]
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<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>
[/code]

Read more做網頁的好幫手 emmet