使用Emmet插件，提高html开发效率

Emmet   是一个编辑器插件，官方网站提供多编辑器支持。

Emmet 语法 规则:

   1. E 代表HTML标签。
　　2. E#id 代表id属性。
　　3. E.class 代表class属性。
　　4. E[attr=foo] 代表某一个特定属性。
　　5. E{foo} 代表标签包含的内容是foo。
　　6. E>N 代表N是E的子元素。
　　7. E+N 代表N是E的同级元素。
　　8. E^N 代表N是E的上级元素。

    9. Emmet还提供了连写（E*N）和自动编号（E$*N）功能。

案例 ： 

Emmet 语法:div.row#div1>button.btn.btn-success{Success Button $}$*3+button.btn.btn-danger{Danger Button $}$*3

生成的HTML：

                <!--
                div.row#div1>button.btn.btn-success{Success Button $}$*3+button.btn.btn-danger{Danger Button $}$*3
                -->
                <div class="row" id="div1">
                    <button class="btn btn-success">
                        Success Button 1
                    </button>
                    <button class="btn btn-success">
                        Success Button 2
                    </button>
                    <button class="btn btn-success">
                        Success Button 3
                    </button>
                    <button class="btn btn-danger">
                        Danger Button 1
                    </button>
                    <button class="btn btn-danger">
                        Danger Button 2
                    </button>
                    <button class="btn btn-danger">
                        Danger Button 3
                    </button>
                </div>

  效果: