sublime Text 3 安装emmet

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>

学习资源

1. http://www.iteye.com/news/27580
2. http://docs.emmet.io/
3. http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html