天天看點

sublimetext2-插件emmet&zencoding…

在sublime text2下的zec coding插件真的很好用。。 現在更名為emmet了,應該是托管在github上了。 首先 Ctrl + ~調出指令視窗然後輸入

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(' ',' ')).read())
           

粘貼之後enter. 重新開機sublime text2之後在 Perferences->package settings中看到packagecontrol這一項,則安裝成功。

然後Ctrl+Shift+p,輸入install找到installpackages,然後enter,然後輸入emmet,然後enter,至此安裝成功。 假如沒有emmet插件出現,可能是網絡問題,github有時候比較慢,也可能抽。。

下面講下簡單用法: 例如:

1  div#first>ul>li#id$.nameclass*5>a[href="http://www.baidu.com" target="_blank" rel="external nofollow" title="url"]

上面這一行指令,基本上簡單用法全部包含了,下面簡單講解: 首先div是标簽,加#号後面接它的id,那麼>号是内嵌,然後$代表從1開始順序增長,.号代表classname,*5是說明要5個li标簽,a自然是加連結了。 效果下面:

sublimetext2-插件emmet&zencoding…

本來是插入代碼的,可是出現标簽缺失。。隻能截圖了

是不是很高效? 還有一些用法到以後再記錄~~

繼續閱讀