Emmet是一個Web開發(fā)人員的工具包悼瘾,可以大大提高你的HTML和CSS的工作效率肠牲,下面以Mac電腦為例寨蹋,教大家給Sublime Text 2/3安裝插件Emmet(Zen coding)和Emmet語法介紹兴想。
一斩例、Sublime Text 安裝:
官網(wǎng):http://www.sublimetext.com/
下載SublimeText2:
二、安裝Package Control插件:
Package Control插件是用來方便Sublime Text管理插件的插件僚纷,
官網(wǎng):https://packagecontrol.io/installation
1矩距、安裝Package Control插件,操作步驟:
View -> Show Console
復(fù)制以下代碼:
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
敲回車執(zhí)行畔濒,重啟Sublime Text剩晴。
2、安裝Emmet侵状,操作步驟:
Sublime Text2 -> PreferPences -> Package Control -> Install Package -> Emmet
安裝成功后重啟Sublime Text赞弥。
三、Emmet語法介紹:
子代:>
兄弟:+
父代:^
重復(fù):*
成組:()
ID:#
CLASS:.
屬性:[]