日期: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 作为插件可以支持如下的编辑器:
个人比较喜欢使用Sublime Text 2
,整合了Emmet会让你的开发如虎添翼,相信作为web开发“猿”的你肯定会喜欢!
来源:Web开发人员的必备工具 - Emmet (Zen Coding)
分享到:
相关推荐
Emmet (Zen Coding) 百度可以搜索到想要的 安装操作步骤 方便书写DIV+CSS
Brackets Emmet插件安装包,下载地址为:https://s3.amazonaws.com/extend.brackets/brackets-emmet/brackets-emmet-1.2.1.zip 但是在国内下载特别的慢,特上传上来分享哈. 安装完成后可修改Emmet插件的快捷键: ...
emmet(zen-coding) For Eclipse 项目链接:https://github.com/emmetio/emmet-eclipse 由于官方提供的eclipse site 上的版本不兼容老版eclipse(我用的是helios)所以就自己编译了个,亲测可用,没改任何源码,不嫌...
coc-emmet Emmet完成对支持 VSCode的emmet扩展的,仅具有完成支持。 注意:这个。 扩展仅支持emmet的完成功能,您应该使用 安装 在您的vim / neovim中,运行命令: :CocInstall coc - emmet 选件 emmet....
sublime text 2的一个插件emmet,原名zen coding
图解3-Netbeans-Emmet插件安装和测试图解
前端开源库-emmetemmet,emmet-Web开发人员的基本工具包
Atom-emmet-jsx-css-modules.zip,Atom package to extend Emmet's JSX expansions to use CSS modules.emmet jsx css模块包,atom是一个用web技术构建的开源文本编辑器。
最新最全Myeclipse2014/Eclipse Emmet(原zen coding)插件 Myeclipse2014、10可以使用,2015自带,其他版本请自行测试。8.5肯定不行。 该插件使开发者可以像写CSS一样编写html标签,Tab后自动补全代码,极快的提高...
Brackets的Emmet插件
eclipse-zencoding, 用于 Eclipse的本机禅宗编码插件 ( ex Coding )Emmet是一个用于高速 HTML,XML,XSL ( 或者任何其他结构化代码格式) 编码和编辑的工具包。 这个插件的核心是一个强大的缩写引擎,它允许你将类似...
matlab代码左移jN-npp-emmet 将Emmet添加到Notepad ++。 显然,当前适用于Notepad ++的Emmet插件在大文件()上的运行速度极慢。 尽管我不知道问题出在哪里,但该版本的速度要快得多:| 安装 安装 。 将dist所有内容...
VS安装Zen coding插件后,将此文件替换Zen 配置,即可在WebForm开发中使用ZenCoding
复制到MyEclipse安装目录的dropins目录下即可使用。使用说明见http://www.hen8.com/Post.aspx?ID=31502
Emmet Emmet is an protocol based data-transfer for Android Wear Usage 1/ Declare your protocols into interfaces public interface WearProtocol{ public void sendMyObject(MyObject object); } 2/ Use ...
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度
大家都知道zencoding,现已更名为emmet,但是不知道为什么我下最新的emmet不能用,还是用回2011年的zen-coding。这个手册是别人给的。目前我只会用zen-coding的"ctrl+e"。
PyV8 64位系统,附带安装方法,解决使用Sublime_text_3,并安装了Emment插件,使用的时候报了please wait a bit while pyV8 binary is being downloaded的错误。
sublime插件
vsXEN vsXEN将Zen Coding / Emmet的功能引入Visual Studio中的WPF。 有关更多信息,请参见和VSIX安装程序下载。