web开发中的 emmet 效率提升工具

可以用来快速生成html 代码。

并且给各种IDE、编辑器提供了插件支持，sublime ，webstorm等。

如在webstorm中安装好emmet之后，输入以下文本，

#page>div.content[ng-model="user"]+ul>li*5>a[href=item/$]{item $}

然后调用快捷键Ctrl+ALt + ] 就可以生成以下html: 

    
  
     
  
     
   
      
item 1
   
      
item 2
   
      
item 3
   
      
item 4
   
      
item 5
  
     
 
    

对于css也有便捷的支持。

 

详细介绍请参考：

http://bubkoo.com/2014/01/04/emmet-a-toolkit-for-improving-html-css-workflow/