Sublime 下 emmet (zen coding) 插件的添加和使用

Sublime Text 是一个代码编辑器 ( Sublime Text 2是收费软件, 但可以无限期试用 ) , 也是HTML和散文先进的文本编辑器. Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来, 它最初被设计为一个具有丰富扩展功能的Vim.
--百度百科 ( http://baike.baidu.com/view/4009156.htm )

emmet安装...

1. 要在Sublime上安装插件首先要安装一个叫做 ' Package Control ' 的插件用于插件的搜索和安装

  (1)按下Ctrl + ` ( `为数字键1左侧的那个按键 ) 调出控制台, 并复制下列代码后回车

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

  (2)安装完成后控制台输入框置空, 这时重新启动Sublime即可 ( 重新启动后可以看到在 ' Preferences ' 项中可以看到多出一个 ' Package Control ' 项, 代表安装成功 )

  (3)在 ' Package Control ' 安装完成之后, 按下Ctrl + Shift + p之后在出现的输入框中输入install package后选择 ' Package Control: Install Package ' (应该是第一项) 回车 (回车后会等待一段时间用于载入信息) , 即可在出现的列表中对插件进行搜索和安装 

  (4)输入emmet之后回车则开始了对emmet的安装 (其中pyv8消耗时间可能较长...)

emmet使用...

1. 使用Ctrl + Alt + Enter即打开emmect

2. 使用方法

  (1)一个独立的单词代表一个完整的标签 (例 : div -> <div></div>)

  (2)'#'表示id属性, '.'表示class属性 (例 : div#a -> <div id="a"></div>, div.a -> <div class="a"></div>, div.a#b -><div class="a" id="b"></div>)

  (3)'[', ']'表示属性 (例 : input[type=text] -> <input type="submit">, input[type=submit name=a] -> <input type="submit" name="a">)

  (4)'{', '}'表示内容 (例 : div{aaaaa} -> <div>aaaaa</div>)

  (5) '*'表示复制 (例 : div*2 -> <div></div><div></div>)

  (6) '+'表示同级元素 (例 : div+ul -> <div></div><ul></ul>)

  (7) '>'表示子元素 (例 : div>ul -> <div><ul></ul></div>)

  (8) '(', ')'表示同级范围 (例 : (div>ul)+div -> <div><ul></ul></div><div></div>)

  (9)'$'表示从1开始的连续数 (例 : div.$*3 -> <div class="1"></div><div class="2"></div><div class="3"></div>) 

更加详细的内容见这里 (http://docs.emmet.io/cheat-sheet/) 还是非常强大的...

嗯..大概就是这样了..如果有什么地方说错的话欢迎各位指正!..