Emmet 代码缩写扩展工具

Emmet：通过缩写快速生成 Html 和 Css 代码的扩展工具

示例编辑器：visual studio code (Vscode)

官网下载地址：https://code.visualstudio.com/

在vscode中，Emmet工具是作为内置功能存在的，这导致没有单独的开关选项来启用或禁用它，但默认情况下是启用的，在编辑HTML 和 css 或其他支持文件类型是会自动生效。

Emmet官方文档：https://docs.emmet.io/

        单个标签：输入字母 自动生成标签

        同级标签：标签名 + 标签名

        父子级标签：标签名 > 标签名

        多个相同标签使用：标签名 * 个数

         带有内容标签：标签名{内容}

         标签和类名：标签名.类名

         标签和id ：标签#id

Emmet的所有简写都可以混用 

测试

可以看出 Emmet的缩写语法被设计成类似于Css选择的写法，并不难掌握，并且可以随意组合，下面在介绍两种不常用的缩写方式。

         分组：（）  将某个节点完成更复杂的写法

        项目编号：$  代表数字，自增

 具体详情信息和