安装HBuilder X
![软件图标](https://img-blog.csdnimg.cn/20200525175013741.png)
软件安装
配置Emmet插件
打开软件选择自己喜欢的主题然后进入主界面按下
Alt + T或者点击工具
之后按下
p或者点击安装插件
选择第一个插件emmet 点击安装即可
注意:
按装完之后要重启HBuilder X ,要不然自己使用Emmet功能快捷键按下Tab无法触发
Emmet功能快捷键
创建一个id为app标签内有三个名为temp的类标签:
div#app>div.temp*3 + Tab
![结果1](https://img-blog.csdnimg.cn/20200525175643425.png)
创建一个item的类标签内含两个item-数字的类标签:div.item>div.item-$*2 + Tab