您的位置:首页 > 其它

sublime在Mac osx下安装z-codeing(即emmet)

2014-12-07 21:14 239 查看
sublime安装插件可以根据插件名称通过package control就可以很方便的安装好。但是sublime没有默认安装package control,所以我们必须先安装它。

安装package control步骤如下:

1、通过control+~调出控制台;

2、复制下面一段代码到控制台后回车。

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就可以了,真是太方便啦
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: