`

Zen Coding – 超快地写网页代码

阅读更多

编程之禅:Zen Coding

matrix 发表于 2010年5月03日 19时28分 星期一   Printer-friendly   Email story
来自写程序的佛 部门
程序
如果你是靠写HTML谋生的,现在还不知道Zen Coding 的话,绝对是一大损失,白白浪费了很多敲代码的时间。 Zen Coding 是一个加速HTML、XML、XSL以及其它结构化代码格式编程的编辑器插件,语法类似CSS。目前支持的代码编辑环境包括:Aptana/Eclipse、TextMate、Notepad++等。Zen Coding的核心是一个强大的缩写引擎,可以很容易将缩写扩展成完整的HTML代码表达式。
比如
 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>

分享到:
评论

相关推荐

    ZenCoding.zip

    1. "Zen Coding-超快速网页代码编辑器下载 0.7_zen coding下载 - pc6下载站.url":这是一个链接文件,指向ZenCoding的0.7版本的下载页面,可能是某个下载站点的书签。通过这个链接,用户可以获取到更多的版本信息...

    eclipse-zencoding 使用

    Eclipse Zencoding是一款提高开发效率的插件,它在Eclipse IDE中提供了类似于Zen Coding(后更名为Emmet)的功能。Zen Coding是前端开发者常用的代码快速编写工具,通过简短的缩写来生成复杂的HTML和CSS代码。在...

    zencoding小工具

    通过学习和掌握Zen Coding的语法,你可以更快地构建网页结构,从而更专注于设计和功能的实现,而不是繁琐的代码输入。建议仔细阅读压缩包内的说明书,了解如何安装和使用这个工具,以便更好地发挥其效能。

    zencoding for EditPlus

    1. **快速创建元素**: ZenCoding允许你输入简短的缩写,如`div&gt;ul&gt;li*3`,它会自动生成如下代码: ``` &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; ``` 2. **嵌套元素**: 通过缩进或使用`&gt;`符号,可以轻松创建嵌套...

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

    Sublime Text 2是一款广受开发者喜爱的轻量级、高度可定制的文本编辑器,以其高效、便捷的特性在编程社区中享有盛誉。...通过熟练掌握Zen Coding的使用,你将能够更快、更有效地编写和管理代码,提高工作效率。

    zencoding-vim

    "zencoding-vim" 是一个专为Vim编辑器设计的插件,它引入了Zen Coding的概念,大大提升了前端开发者的工作效率。Zen Coding,后来更名为Emmet,是前端开发领域中一个快速编写HTML和CSS的工具。这个插件将Emmet的功能...

    sublime text 2 zen coding 插件

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

    zencoding中文参考手册

    ZenCoding已经被广泛集成到各种代码编辑器中,如Sublime Text、Atom、VS Code等,它们通常通过插件形式提供ZenCoding的功能。在这些编辑器中,可以通过快捷键或命令面板触发ZenCoding的缩写扩展。 5. **ZenCoding...

    zen coding--免费下载

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

    ZenCoding Python 0.7.0.1a(notepad++)

    ZenCoding是一种快速、高效的前端开发编码技术,它后来演变成了 Emmet,现在是Web开发者广泛使用的代码编写辅助工具。在Python环境下,ZenCoding提供了一种类似的功能,使得Python程序员能够利用简短的缩写来快速...

    zen coding插件下载

    Zen Coding,又称为Emmet,是前端开发领域中的一款高效编码工具,尤其在HTML和...总的来说,Zen Coding(Emmet)是前端开发者不可或缺的神器,它简化了代码编写过程,让开发者更专注于逻辑和设计,而非琐碎的语法输入。

    zencoding notepad++ 的资源

    **Zen Coding for Notepad++** ...总之,Zen Coding是前端开发中的强大工具,结合Notepad++的便利性,可以显著提升代码编写效率。通过学习和实践,你可以轻松地编写出结构清晰、易于维护的HTML和CSS代码。

    zencoding-vim-master.zip

    标题中的"zencoding-vim-master.zip"是一个与Vim编辑器相关的压缩文件,它包含了一个名为"zencoding-vim-master"的项目或插件。Zencoding(也称为Zen Coding)是一种快速编写HTML和CSS的生产力工具,它允许用户通过...

    ZenCoding菜单与快捷键设置

    ### ZenCoding菜单与快捷键设置 #### 一、概述 ...通过本文介绍的快捷键列表,你可以更快地掌握Zencoding的核心功能,并根据自己的需求灵活地进行配置。希望这些知识点能够帮助你在日常开发中更加高效地工作。

    Zen Coding.vim

    Zen Coding: 一种快速编写HTML/CSS代码的方法 输入 div#i$-test.class$$$*5 …然后调用”展开缩写”行为 会被转换成为: &lt;div id="i1-test" class="class111"&gt;&lt;/div&gt; &lt;div id="i2-test" class="class222"&gt;&lt;/div&gt; ...

    zen coding DW插件

    zen coding DW插件可以更方便快捷的编写你的网站代码了。

    Zen.Coding-Dreamweaver.v0.7

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

    zencoding使用手册

    ### zencoding使用手册知识点详解 #### 一、简介 Zencoding是一种提高HTML编写效率的方法,通过定义一组简短的语法来快速生成复杂的HTML结构。它支持多种编辑器和IDE,如Sublime Text、Visual Studio Code等。本...

    notepad++ zencoding插件notepad++ zencoding插件notepad++ zencoding插件

    notepad++ 密码是1 zencoding插件

    zenCoding for dreamweaver

    一旦安装完成,开发者就可以利用Zen Coding的快捷键和语法来编写代码。 **主要特性:** 1. **快速输入标签对**:只需输入元素的简写,如`div`,然后按Tab键,Dreamweaver会自动生成完整的`&lt;div&gt;&lt;/div&gt;`标签对。 2...

Global site tag (gtag.js) - Google Analytics