Emmet(以前名为Zen Coding[1])是一套面向文本编辑器插件,它允许通过内容辅助高速度的编写和编辑HTMLXMLXSL和其他结构化的代码格式。此项目2008年由Vadim Makeev发起[2],并由Sergey Chikuyonok和其他Emmet用户基于Zen Coding 2.0的概念继续积极开发。[3]这套工具已经被一些高端的文本编辑器采纳,以及存在于Emmet团队开发或其他人独立实现的插件中。不过,Emmet独立于任何文本编辑器,它的引擎可以直接处理文本,而无需与任何特定软件相关。[4]

Emmet以MIT许可证开源。

功能

展开缩写

Emmet使用特定的语法来展开小段代码,它类似CSS选择器,使其成为完整的HTML代码。[5]例如,下列序列:

div#page>div.logo+ul#navigation>li*5>a

将展开为:

<div id="page">
	<div class="logo"></div>
	<ul id="navigation">
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ul>
</div>

展开缩写函数包含数个更加复杂的函数,例如用展开的代码包装一段代码。[6]

标签平衡

HTML配对匹配器允许用户定位当前光标位置的标签所对应的开启/闭合标签(Tag)。不同于其他HTML配对匹配器,Emmet会从光标的当前位置开始搜索,而非从头开始扫描文档。[7]

文本编辑器

Emmet团队为以下文本编辑器开发了插件:

下列文本编辑器由第三方组织用官方Emmet引擎开发了插件:

下列文本编辑器的插件为独立开发,使用不同的Emmet引擎:

参考资料

  1. ^ Rocha, Zeno. Goodbye, Zen Coding. Hello, Emmet!. Smashing Magazine GmbH. March 26, 2013 [March 15, 2015]. (原始内容存档于2015-05-11). 
  2. ^ First announcement of Zen HTML and Zen CSS bundles for TextMate. [2017-05-22]. (原始内容存档于2017-03-23). 
  3. ^ Zen Coding 2.0 concept. [2017-05-22]. (原始内容存档于2017-06-24). 
  4. ^ Smashing Magazine: Zen Coding: A Speedy Way To Write HTML/CSS Code. [2017-05-22]. (原始内容存档于2015-06-24). 
  5. ^ Monday By Noon: The Art of zen-coding: Bringing Snippets to a New Level. [2017-05-22]. (原始内容存档于2016-06-12). 
  6. ^ Download Squad Review. [2017-05-22]. (原始内容存档于2019-10-22). 
  7. ^ Smashing Magazine: Zen Coding: A Speedy Way to Write HTML/CSS Code. [2017-05-22]. (原始内容存档于2015-06-24). 

外部链接