zencoding让notepad代码书写健步如飞

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

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

2、吧（建议反复观摩，其中演示了ZenCoding的各种典型用法）ZenCodingv0.5fromSergeyChikuyonokonVimeo.（网速慢的，可以观看优酷版或者下载该视频。）为Notepad++安装ZenCoding插件下载Zen.Coding-Notepad++.v0.6.1.zip解压将解压所得的文件放入Notepad++程序的安装目录下的plugins文件夹。重启Notepad++，即可开始使用ZenCoding。ZenCoding用法首先，我们先学习一下ZenCoding的缩写规则（其实就是CSS选择器）·E元素名(div,p);·E#id带id的元素(div#cont

3、ent,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+div#content+div#footer);·E*N多项元素(ul#nav>li*5>a);·E$*N带序号的元素(ul#nav>li.item-$*5);接下来，我们来熟悉ZenCodingforNotepad++的快捷键，也是ZenCoding的精髓【C

4、trl+E】展开缩写（ExpandAbbreviation）比如写下div#page>div.logo+ul>li*3>a，按一下Ctrl+E，立马就可以转化成：