Emmet简介
Emmet是一个支持大部分流行文本编辑器的插件,能够极大得提高编写HTML和CSS的工作效率。
官网:http://emmet.io/
在Sublime Text 3中安装
前提Sublime Text 3需要先安装Package Control插件。
按下“shift + ctrl + p”快捷键,输入“pci”选择“Package Control:Install Package”回车,然后输入“emmet”即可搜索到这个插件,选择并回车即可自动安装。
Emmet使用
打开 HTML 或 CSS 文件->根据语法编写精简指令->TAB 键自动生成完整代码
使用示例
新建一个html文件,然后输入
ul#nav>li.item$*4>a{Item $}
使用tab键激活,即可自动生成:
<ul id="nav">
<li class="item1"><a href="">Item 1</a></li>
<li class="item2"><a href="">Item 2</a></li>
<li class="item3"><a href="">Item 3</a></li>
<li class="item4"><a href="">Item 4</a></li>
</ul>