sublime Zen coding 工具

Zen coding 插件在 Sublime下已更名为Emmet 

安装方法:打开Sublime ->ctrl+shift+p->输入install->选择Package Control:Install Package回车->输入Emmet安装

安装完成后查看:ctrl+shift+p->输入list packages查看已安装插件/工具

Zen coding书写方式跟JQuery代码书写方式有点相似、#表示定义id选择器, .表示定义类选择器

K入图中代码,按ctrl+E

sublime Zen coding 工具

结果:

sublime Zen coding 工具

例2

sublime Zen coding 工具

结果:

sublime Zen coding 工具

ps:是不是Get了提高前端编码效率的一个神技!