Zen Coding && Emmet-Sublime 安装

Sublime Text 插件之：Emmet，旧版称：ex-Zen Coding 更名之后增加了CSS3和HTML5许多新特性。项目地址也从 code.google 移 github.

安装：

手动安装

下载 Emmet Sublime ，的github项目地址 emmet；你可以 clone 或者直接 下载


文件夹手动安装 ，下载完成后打开

Preferences > Browse Packages

直接放入文件夹

emmet-sublime-master

，重启 ST 菜单栏

Preferences > Package Settings > emmet

已经出现，没有？那就没办法了……

下载安装 PyV8 Binaries ，注意你的操作系统，由于 git下载源不稳定 楼主特地整理了各个操作系统的 V8 : 移步 百度网盘 吧


安装方式 同第2步 放入文件夹

PyV8

选择自己操作系统相对应的 V8 再放入

PyV8

文件夹中 比如

pyv8-win64

，然后 重启下 ST


4.尝试一下 敲

html:5

按 Ctrl+e 看看发生了什么（当然Tab也可以）

在敲一个

div.test.wrap>ul#nav>li.item$*4>a{Item $}

开心吧！难过？那就没办法了~


比如：

div.wrap

按 Tab 后输出

<div class="wrap"></div>

但是：

div.wrap.test

按 Tab 后输出

div<wrap>test</wrap>

安装成功 Emmet 后输出

<div class="wrap test"></div>

那么

div.test.wrap>ul#nav>li.item$*4>a{Item $}

还需要解释么，和css的写法基本类似吧， *4 自然是重复 4 次， {Item $} 表示 a 标签中的 内容

具体可以参考 Emmet 官网