`

sublime-text安装emmet(zen coding)插件

 
阅读更多

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

    Sublime Text 2作为一款广受欢迎的代码编辑器,通过安装Zen Coding插件,可以显著提升代码编写速度,实现快速、智能化的代码缩写和扩展。下面我们将详细探讨Zen Coding插件在Sublime Text 2中的应用及其主要功能。 ...

    sublime text2 zenCoding插件

    安装 ZenCoding 插件到 Sublime Text 2 非常简单。首先,你需要确保已经安装了 Package Control,这是一个强大的插件管理工具。如果没有,可以通过访问特定的URL...

    Sublime Text2 Zen Coding 插件

    在Sublime Text2中安装Zen Coding插件,可以让你体验到快速、简洁的代码编写方式。 Zen Coding的核心理念是通过简短的缩写来生成复杂的HTML结构。例如,输入`div>ul>li*3`后按Tab键,就能自动生成如下HTML代码: `...

    Sublime Text 3最新emmet插件

    在Sublime Text 3中安装Emmet插件通常通过Package Control来实现。首先确保已经安装了Package Control,如果没有,可以在Sublime Text的命令面板(按Ctrl+Shift+P或Cmd+Shift+P)中输入`Package Control: Install ...

    Sublime text emmet插件

    激活 Zen Coding 模式(在 Sublime Text 3 中称为 "Emmet: Toggle Expansion"),可实现输入时实时预览和扩展。 总结来说,Sublime Text 中的 Emmet 插件是前端开发者提高工作效率的强大工具,它通过简短的缩写...

    sublime text3 的Emmet插件

    在安装Emmet插件时,你需要首先确保Sublime Text 3 已经正确安装。接着,你可以将下载的压缩包文件放置在Sublime Text 3 的用户插件目录下。对于Windows系统,这个目录通常是"C:\Users\用户名\AppData\Roaming\...

    zen coding插件下载

    它最初由俄罗斯开发者Sergey Chikuyonok开发,后来成为了Sublime Text、Visual Studio Code、Atom等流行代码编辑器的内置或可安装插件。 Zen Coding的核心功能在于它的快速输入和智能扩展能力。通过简短的缩写,...

    Sublime-已安装插件版,开发必备

    "Sublime-已安装插件版,开发必备"的标题表明这是一份特别的Sublime Text版本,已经预装了一系列对开发工作至关重要的插件,使得用户无需再费时费力地逐一安装。 描述中提到的"该工具集成了sublime开发使用的插件,...

    Sublime Text 2 的javascript代码格式化插件zencoding

    在本话题中,我们将讨论如何在Sublime Text 2中安装和使用JavaScript代码格式化插件——Zen Coding。 Zen Coding,后来更名为Emmet,是前端开发者必备的工具之一,它提供了快速编写HTML和CSS的方法。通过简洁的缩写...

    semmet-sublime-master

    这个插件的核心功能是Emmet(前身为Zen Coding),它是一个强大的前端开发辅助工具,能够通过简短的缩写快速生成复杂的HTML和CSS代码。 Emmet插件的工作原理是利用语法糖(syntactic sugar)来缩写HTML元素和属性,...

    sublime text2 zen Coding功能不能用的补丁

    安装完成后,重启Sublime Text 2,如果问题仍然存在,可能需要检查Zen Coding插件的配置或者确保没有其他插件与其冲突。有时候,更新Zen Coding到最新版本,或者重新安装Sublime Text 2也可能解决问题。 在安装和...

    Zon Coding for sublime text2(Zon Coding插件)

    在Sublime Text 2中,扩展其功能的一个重要方式就是安装插件,而"Zon Coding for Sublime Text 2",即Zon Coding插件,正是这样一款提升编码效率的工具。 Zon Coding,又称为Zen Coding,是一款早期的前端开发辅助...

    优秀代码编辑器 Sublime Text 3.2.2 Build 3211 + x64 中文注册版.zip

    Sublime Text 绿色中文版具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。 Sublime Text 中文版的主要功能包括:拼写检查,书签,完整的 Python API ,...

    sublime text2 plugin - emmet

    安装Emmet插件到Sublime Text 2非常简单,可以通过Package Control插件管理器进行安装。首先确保已安装Package Control,然后在命令面板中搜索"Install Package",找到并安装"Emmet"。 在Sublime Text 2中启用Emmet...

    css-on-diet--sublime-text:基于 Emmet (Zen-Coding) 思想的简单快速的 CSS 预处理器

    安装包管理器你可以通过安装手动的或者你可以将克隆到你的Sublime Text [2|3]/Packages目录中包含预处理器因为 CSS-On-Diet 预处理器包含在这个包中,所以您不必单独安装它。 但是你可以做到。 它将比包含一个更受...

    Zen.Coding-Dreamweaver.v0.7

    《Zen.Coding-Dreamweaver.v0.7》是一款针对Dreamweaver的高效编码插件,旨在提升开发者的代码编写效率。Zen Coding,现更名为Emmet,是前端开发者中的一个广受欢迎的工具,它通过简短的缩写来快速生成复杂的HTML和...

    zen coding--免费下载

    Zen Coding作为其插件,能够无缝集成到Sublime Text 2中,提供强大的代码编写辅助功能。 Zen Coding的主要特点和功能包括: 1. **缩写语法**:通过输入简短的缩写,如`div>ul>li*5`,可以迅速生成如下HTML结构: ...

    sublime text2 插件包

    1. Zen Coding:Zen Coding(现更名为Emmet)是前端开发者的必备工具,它提供了快速编写HTML和CSS的方法。通过缩写和快捷键,你可以迅速展开为完整的标签结构,极大地提高了编写代码的速度。例如,输入`div>ul>li*3`...

    思库教育-php培训-史上最详细sublime插件安装课件

    在Sublime Text中,安装插件是提升工作效率的重要手段。在本课件中,我们将详细介绍如何安装和使用Sublime Text的插件。 首先,安装Package Control组件是必不可少的步骤。Package Control是Sublime Text的一个扩展...

    sublime SideBarEnhancements,Emmet插件安装包

    Emmet是一个强大的HTML和CSS编码加速工具,它最初是作为Zen Coding的升级版出现,现在已经成为Sublime Text不可或缺的一部分。Emmet允许开发者使用简短的语法快速生成复杂的HTML结构,比如`div>ul>li*5`可以瞬间生成...

Global site tag (gtag.js) - Google Analytics