我在这里所说的编码速度不忽略质量，而是保证质量的前提下，怎么提高我们的编码效率。今天我们主要说一下的是前端编辑器中可以安装的一款强大的插件--emmet,无论你使用的是dw还是sublime等等编辑器。

　　1.首先给自己的编辑器安装emmet插件；

　　2.掌握emmet语法；

　　3.多有意识的使用练字（好像说了一句废话？？）

其实只要你掌握基本的css选择器，学起来emmet语法是非常简单的，比如什么#（id选择器），>(子元素选择器)，[](属性选择器)等，前面我们有总结过一篇前端工程师必须掌握的30种选择器，有兴趣的可以去查看。这里我举一些例子，大家自己体验体验，找找感觉。

　　注释的地方是我们输入的，下边的部分使我们在编辑器中对应生成的代码：

1   2   3   4     
       5       6   7   8     
       9     
     
       10         
      
 11         
      
        12             
       
Item 1
 13             
       
Item 2
 14             
       
Item 3
 15             
       
Item 4
 16             
       
Item 5
 17         
      
 18     
     
 19  20     
      21     
     
 22     
     
       23         
      
 24         
      
 25     
     
 26  27     
      28     
     
 29     
     
       30         
      
 31     
     
 32     
     
 33  34     
      35     
     
 36     
     
       37         
      
 38     
     
 39     
     
 40  41     
      42     
     
       43         
      
        44             
       
         45                 
        
 46                 
        
 47             
       
 48         
      
 49         
      
        50             
       
 51         
      
 52     
     
 53  54     
      55     
     
       56         
      
        57             
       
 58             
       
 59             
       
 60             
       
 61             
       
 62             
       
 63         
      
 64     
     
 65  66     
      67     
     
       68         
      
 69         
      
 70         
      
 71         
      
 72         
      
 73     
     
 74  75     
      76     
     
       77         
      
 78         
      
 79         
      
 80         
      
 81         
      
 82     
     
 83  84     
      85     
     
       86         
      
 87             
      
 88             
      
 89             
      
 90             
      
 91             
      
 92          93     
     
 94  95     
      96     
     
       97         
      
 98         
      
 99         
      
100         
      
101         
      
102     
     
103 104     
     105     
     
      106         
      
107         
      
108         
      
109         
      
110         
      
111     
     
112 113     
     114     
     115     click me116 117     
     118     
     
      119         
        120             
121         
122         
        123             
124         
125         
        126             
127         
128         
        129             
130         
131     
132 133     
     134     
     
      135         
        136             
137         
138         
        139             
140         
141         
        142             
143         
144         
        145             
146         
147     
148 149 

希望这篇文章能够帮助到大家