sublime在Mac osx下安装z-codeing(即emmet)
补充:sublime2全局搜索时排除某些文件夹:/Users/aaa/lib,-*/docs/*,-*/examples/* :表示在/Users/aaa/lib文件夹下搜索,但是不在/Users/aaa/lib/docs/和/Users/aaa/lib/examples/里面搜索。
(install package时提示‘There are no packages available for installation’,解决方法:http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-available-for-installation)
sublime安装插件可以根据插件名称通过package control就可以很方便的安装好。但是sublime没有默认安装package control,所以我们必须先安装它。
安装package control步骤如下:
1、通过control+~调出控制台;
2、复制下面一段代码到控制台后回车(这是为了安装package control,如果之前装过,可以跳过这一步)。
import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
安装插件如emmet:
1、如下图步骤打开package control:
(如果没有安装package control,在菜单栏里是看不到这一项的)
2、输入install package后回车,在输入你要安装的插件名称就可以了。
附带一点emmet的使用方法:写好表达式后按control+E生效。
. # [attr]:各表示class、id、attr
> + *4:各表示父子关系、兄弟关系、重复次数
():就是表示括号里的内容为一组
E+:表示会自动生成标签E的子元素,如table+会自动得到<table><tr><td></td></tr></table>
$*4:表示四个重复的东西的序号依次从1到4,如li.li$*4会自动得到<li class="li1"></li><li class="li2"></li><li class="li3"></li><li class="li4"></li>
示例:
如要生成下面这样的节点结构:
<div class="a" id="id1"> <div class="head"> <ul> <li class="li1"><a href="" title="1"></a></li> <li class="li2"><a href="" title="2"></a></li> <li class="li3"><a href="" title="3"></a></li> <li class="li4"><a href="" title="4"></a></li> </ul> </div> <div class="content"> <div id="content1"> <p></p> </div> <div id="content2"> <p></p> <p></p> </div> </div> </div>
我们只要写:
div.a#id1>( div.head>ul>li.li$*4>a[title=$] ) +( div.content>(div#content1>p)+(div#content2>(p)+p) ),
然后按下control+E就可以了,真是太方便啦