ZenCoding资料

一款不错的编辑器Sublime Text

插件 zenCoding

 

div#content>ul>li*3>a[href="javascript:void(0);"]{Links$}

 

使用ZenCoding编写代码时，需要遵循一定的缩写规则：

 

E

元素名（div、p）；

E#id

带Id的元素（div#content、p#intro、span#error）；

E.class

带class的的元素（div.header、p.error）,id和class可以连着写，div#content.column

E>N

子元素（div>p、div#footer>p>span）

E*N

多项元素（ul#nav>li*5>a）

E+N

多项元素

E$*N

带序号的元素

 

Sublime Text 中使用Zen Coding的一些技巧

 

1、缩写扩展（Expand Abbreviation）。（tab)

 

     之前知道，通过Control ＋ Alt ＋ Enter可以在一个新行中输入ZC的缩写，来生成代码。同时，如果我们在编辑中直接书写了ZC缩写，比如 div#content>p 当光标放置在p之后时，可以通过Tab键来扩展，ZC会从光标处开始向左侧搜索到第一个空白处，之间的代码作为ZC缩写，这样不必每次打开新行输入，提高了效率，缺点就是不能够实时预览。

 

 

2、嵌套代码（Wrap with Abbreviation）

 nodpad++

 Ctrl+E 展开缩写