Web开发人员的必备工具 - Emmet (Zen Coding)

日期：2012-11-6 来源：GBin1.com

如果你从事前端开发或者web开发的话，一定听说过Zen coding - 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS - 由Sergey Chikuyonok开发。

现在它改名为了Emmet，并且搭建了一个新的网站：docs.emmet.io。

和一般的编辑器中使用的“代码片段”概念不太一样，Emmet使用动态的语法来生成代码，这意味着你不需要自己去编辑并创建固定的代码片段。大大的提高了代码编写效果，这一点似的Zen coding非常的流行。

例如，输入如下内容：

ul#nav>li.item$*4>a{Item $}

Emmet会帮助你生成如下的代码片段：

<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>

Emmet 作为插件可以支持如下的编辑器：

Eclipse/Aptana
Sublime Text 2
TextMate 1.x
Coda 1.6 and 2.x
Espresso
Komodo Edit/IDE
Notepad++
PSPad
<textarea>
CodeMirror2

个人比较喜欢使用Sublime Text 2，整合了Emmet会让你的开发如虎添翼，相信作为web开发“猿”的你肯定会喜欢！

来源：Web开发人员的必备工具 - Emmet (Zen Coding)

Web开发人员的必备工具 - Emmet (Zen Coding)相关推荐

收集19个前端开发人员的必备工具
在本文中,我为前端Web开发人员汇总了19种顶级工具,从代码编辑器和代码游乐场到CSS生成器,JS库等等. 目录 CSS代码生成器 CSS3 Generator 终极CSS Generator CSS ...
9个适合web开发人员的CSS工具
不管你是一个多么有经验的开发人员,你都想让你的生活尽可能的简单.正确的工具可以帮助您完成此任务.你的能力取决于你使用的工具,所以花点时间挑选适合你需要的工具是明智的. 在本文中,我将讨论每个web开发 ...
Web 开发人员必备的随机 JSON 数据生成工具
在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确.JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊. 您可能感兴 ...
Web开发人员有用的代码比较工具
许多不同的语言的开发人员都有着同样的头疼问题.测试不同版本的源代码之间差异,在整个开发的职业生涯将是一个恼人的问题,但很少考虑的问题是在编写和编辑从相同的源的两个或多个子版本本的合并时如何来更快的发现 ...
web开发的一些工具技巧_有用的技巧可帮助您建立Web开发人员的良好习惯
web开发的一些工具技巧 by Antoine Lechenault 通过安托万·莱切诺特(Antoine Lechenault) 有用的技巧可帮助您建立Web开发人员的良好习惯 (Useful ti ...
web开发人员必备的提高开发水平的20个参考手册
提高web开发的一个有效方法是总结查看API,好的程序员往往都注重这点,因此开发出来的项目往往能够节省时间,效率高,经常在开发当中,我们可能遇到某个问题然后卡住了,这时候往往是经验不足造成的,因此高质 ...
Web前端：面向Web开发人员的顶级JavaScript开发工具和IDE
JavaScript是最流行的编程语言并且受到所有浏览器的支持,增强了用户与网页的交互.也就是说,许多JavaScript IDEs现在提供智能课程完成和实时消除错误. 这些有效的工具带有精确的语 ...
Web开发人员必读的12个网站
The more you actually create, the more you'll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学 ...
JavaScript开发人员，必备的VS Code插件
JavaScript开发人员,必备的VS Code插件 VS Code插件的种类 1. 代码片段插件 2. 语法高亮插件 3. 代码检测插件 4. Node插件 5. 代码格式化插件 6. 浏览器插件 ...

Web开发人员的必备工具 - Emmet (Zen Coding)

Web开发人员的必备工具 - Emmet (Zen Coding)相关推荐

最新文章

热门文章