Sublime+ZenCoding的使用

  如何配置ZenCoding

     在Sublime中按Ctrl+Shift+Enter弹出对话框 ->输入install->找到 Package Control:install Package ->待Package Control安装完后再输入ement(Zen Coding已改名为ement) 即安装好了ZenCoding插件

    使用: 配置环境好之后按ctrl + alt + enter键, 会有输入框, 然后往里面输入快捷代码即可快速生成希望的html代码

    规则如下(粘贴自http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn):


Zen HTML Selectors
E#name

div#name



E.name

div.name



div.one.two



div#name.one.two



E>E

head>link


   


table>tr>td



   



ul#name>li.item


       



E+E
p+p




div#name>p.one+p.two


   


   




E[attr]

Added in v0.6
p[title]



td[colspan=2]



span[title="Hello" rel]



E|filter

Added in v0.6
p.title|e

<p class="title"></p>

Read Filters for more info
E*N

p*3





ul#name>li.item*3


       

  •    

  •    



E*N$
p.name-$*3





select>option#item-$*3



E+
ul+


       



table+



   



dl+


   

   



html:4t  可以得到标准的html整个格式标签

转载于:https://www.cnblogs.com/luodao1991/p/3205621.html

你可能感兴趣的:(Sublime+ZenCoding的使用)