zencoding让notepad代码书写效率如飞

《zencoding让notepad代码书写效率如飞》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、ZenCoding让Notepad++代码书写健步如飞Notepad++是一款无比轻巧便捷的代码编辑工具。它无可挑剔的启动速度，优秀的语法高亮，干净整齐的代码缩进，便捷的括号高亮匹配赢得了无数人的喜爱。但，不知道有多少同学跟我一样，在coding时被Notepad++粗陋的代码自动补全折磨的体无完肤（Notepad++那甚至不能叫口动完成）。虽然无比羨慕诸如Dreamweaver之类的代码自动完成，但固于上述提到的几点Notepad++的优秀之处，纠结中毅然依I口坚守Notepad++o而ZenCoding的横空出世，总算终结了这种纠

2、结，让我们得以以一种无比帅气的方式书写代码。先看一段演示视频吧（建议反复观摩，其中演示了ZenCoding的各种典型用法）ZenCodingv0.5fromSergeyChikuyonokonVimeo.（网速慢的，可以观看优酷版或者下载该视频。）为Notepad++安装ZenCoding插件下载Zen.Coding-Notepad++.v0.6.1.zip解压将解压所得的文件放入Notepad++程序的安装目录下的plugins文件夹。重启Notepad++,即可开始使用ZenCoding,ZenCoding用法首先，我们先学习一下

3、ZenCoding的缩写规则(其实就是CSS选择器)E元素名(div,p);•E#id带id的元素(div#content,p#intro,span#error);•E.class带class的元素(div.header,p.error.critial).id和class可以连写，如：div#content.column,width;•E>N子元素(div>p,div#footer>p>span);•E+N兄弟元素(h1+p,div#header-i-div#content4-div#footer);•E*N多项元素(ul#nav>l

4、i*5>a);•E$*N带序号的元素(ul#nav>li.item-$*5);接下来，我们来熟悉ZenCodingforNotepad++的快捷键，也是ZenCoding的精髄【Ctrl+E】展开缩写(ExpandAbbreviation)比如写下div#page>div.logo4-ul>li*3>a,按一下Ctrl+E,立马就可以转化成：