【webstorm】

1、下载模板，地址为http://code.google.com/p/zen-coding/downloads/list，下载以下文件

• WebIDE and IntelliJ IDEA Zen CSS　
• WebIDE and IntelliJ IDEA Zen HTML　
• WebIDE and IntelliJ IDEA Zen Coding

2、将这三个文件拷贝到~/Library/Preferences/WebStorm2016.2/templates目录下，如果没有templates目录，自己创建一个即可。（这个路径是mac系统的）

3、打开webstorm，进入Preferences，搜索Live Templates，如果有Zen相关的模板，说明安装成功。

4、触发快捷是Tab键。

【sublime】

1、command+shift+p，再敲入pcip，安装emmet

2、触发快捷键ctrl+e

sublime和webstorm安装zencoding