Zen Coding && Emmet-Sublime 安装
Sublime Text 插件之:Emmet,旧版称:ex-Zen Coding 更名之后增加了CSS3和HTML5许多新特性。项目地址也从 code.google 移 github.
安装:
- Package 方式就不再赘述了(如何安装请移步:安装package)
- 安装了 控制包后搜索 Emmet 即可
手动安装
- 下载 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
github V8项目最新版下载地址: PyV8 download
4.尝试一下 敲 html:5
按 Ctrl+e 看看发生了什么(当然Tab也可以)
在敲一个 div.test.wrap>ul#nav>li.item$*4>a{Item $}
开心吧!难过?那就没办法了~
- 注:在未装 Emmet 前 ST 支持
比如: 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 官网
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)
EN
多项元素(ul#nav>li5>a)
E+N
多项元素
E$*N
带序号的元素