2009年,Sergey Chikuyonok推出了一款革命性的插件Zen Coding,而这款插件从此提高了前端工作者的工作效率,将web代码的书写方式提高到了一个新的台阶。
如果在公司中两位web前端开发者的水平都不相上下,两者都能够写出标准而且兼容性良很好的html页面,如果要拉开两者的距离,那么写代码的速度可以作为两者参考的依据,如果写代码的效率高自然也会得到上级的赏识,那么离涨工资的日子就不远了。
Emmet作为Zen Coding的继任者,它能够在最大程度上减少我们书写代码的工作量,你只需要写出极其简短代码片段,Emmet就可以帮助你输出完整的html代码结构。
它是如何工作的?
首先在相应的编辑工具中安装相应的Emmet插件,目前Emmet支持的编辑工具有:
Subline text,Eclipse/Aptana,TextMate,coda,Komodo Edeit,Notepad++,PSPad,textarea,CodeMirror,Brackets,NetBeans,以及最常用的Adobe Dreamweaver等。
上面是背景介绍,Emmet是在github上面进行管理,本人是安装的sublime-text插件:
https://github.com/sergeche/emmet-sublime#readme
Emmet主页也给出了各个编辑器和IDE对应的连接:http://emmet.io/download/
相关推荐
Sublime Text 2作为一款广受欢迎的代码编辑器,通过安装Zen Coding插件,可以显著提升代码编写速度,实现快速、智能化的代码缩写和扩展。下面我们将详细探讨Zen Coding插件在Sublime Text 2中的应用及其主要功能。 ...
安装 ZenCoding 插件到 Sublime Text 2 非常简单。首先,你需要确保已经安装了 Package Control,这是一个强大的插件管理工具。如果没有,可以通过访问特定的URL...
在Sublime Text2中安装Zen Coding插件,可以让你体验到快速、简洁的代码编写方式。 Zen Coding的核心理念是通过简短的缩写来生成复杂的HTML结构。例如,输入`div>ul>li*3`后按Tab键,就能自动生成如下HTML代码: `...
在Sublime Text 3中安装Emmet插件通常通过Package Control来实现。首先确保已经安装了Package Control,如果没有,可以在Sublime Text的命令面板(按Ctrl+Shift+P或Cmd+Shift+P)中输入`Package Control: Install ...
激活 Zen Coding 模式(在 Sublime Text 3 中称为 "Emmet: Toggle Expansion"),可实现输入时实时预览和扩展。 总结来说,Sublime Text 中的 Emmet 插件是前端开发者提高工作效率的强大工具,它通过简短的缩写...
在安装Emmet插件时,你需要首先确保Sublime Text 3 已经正确安装。接着,你可以将下载的压缩包文件放置在Sublime Text 3 的用户插件目录下。对于Windows系统,这个目录通常是"C:\Users\用户名\AppData\Roaming\...
它最初由俄罗斯开发者Sergey Chikuyonok开发,后来成为了Sublime Text、Visual Studio Code、Atom等流行代码编辑器的内置或可安装插件。 Zen Coding的核心功能在于它的快速输入和智能扩展能力。通过简短的缩写,...
"Sublime-已安装插件版,开发必备"的标题表明这是一份特别的Sublime Text版本,已经预装了一系列对开发工作至关重要的插件,使得用户无需再费时费力地逐一安装。 描述中提到的"该工具集成了sublime开发使用的插件,...
在本话题中,我们将讨论如何在Sublime Text 2中安装和使用JavaScript代码格式化插件——Zen Coding。 Zen Coding,后来更名为Emmet,是前端开发者必备的工具之一,它提供了快速编写HTML和CSS的方法。通过简洁的缩写...
这个插件的核心功能是Emmet(前身为Zen Coding),它是一个强大的前端开发辅助工具,能够通过简短的缩写快速生成复杂的HTML和CSS代码。 Emmet插件的工作原理是利用语法糖(syntactic sugar)来缩写HTML元素和属性,...
安装完成后,重启Sublime Text 2,如果问题仍然存在,可能需要检查Zen Coding插件的配置或者确保没有其他插件与其冲突。有时候,更新Zen Coding到最新版本,或者重新安装Sublime Text 2也可能解决问题。 在安装和...
在Sublime Text 2中,扩展其功能的一个重要方式就是安装插件,而"Zon Coding for Sublime Text 2",即Zon Coding插件,正是这样一款提升编码效率的工具。 Zon Coding,又称为Zen Coding,是一款早期的前端开发辅助...
Sublime Text 绿色中文版具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。 Sublime Text 中文版的主要功能包括:拼写检查,书签,完整的 Python API ,...
安装Emmet插件到Sublime Text 2非常简单,可以通过Package Control插件管理器进行安装。首先确保已安装Package Control,然后在命令面板中搜索"Install Package",找到并安装"Emmet"。 在Sublime Text 2中启用Emmet...
安装包管理器你可以通过安装手动的或者你可以将克隆到你的Sublime Text [2|3]/Packages目录中包含预处理器因为 CSS-On-Diet 预处理器包含在这个包中,所以您不必单独安装它。 但是你可以做到。 它将比包含一个更受...
《Zen.Coding-Dreamweaver.v0.7》是一款针对Dreamweaver的高效编码插件,旨在提升开发者的代码编写效率。Zen Coding,现更名为Emmet,是前端开发者中的一个广受欢迎的工具,它通过简短的缩写来快速生成复杂的HTML和...
Zen Coding作为其插件,能够无缝集成到Sublime Text 2中,提供强大的代码编写辅助功能。 Zen Coding的主要特点和功能包括: 1. **缩写语法**:通过输入简短的缩写,如`div>ul>li*5`,可以迅速生成如下HTML结构: ...
1. Zen Coding:Zen Coding(现更名为Emmet)是前端开发者的必备工具,它提供了快速编写HTML和CSS的方法。通过缩写和快捷键,你可以迅速展开为完整的标签结构,极大地提高了编写代码的速度。例如,输入`div>ul>li*3`...
Emmet是一个强大的HTML和CSS编码加速工具,它最初是作为Zen Coding的升级版出现,现在已经成为Sublime Text不可或缺的一部分。Emmet允许开发者使用简短的语法快速生成复杂的HTML结构,比如`div>ul>li*5`可以瞬间生成...
在Sublime Text中,安装插件是提升工作效率的重要手段。在本课件中,我们将详细介绍如何安装和使用Sublime Text的插件。 首先,安装Package Control组件是必不可少的步骤。Package Control是Sublime Text的一个扩展...