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
posted @ 2016-04-17 19:52  HH番茄  阅读(193)  评论(0编辑  收藏  举报