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

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:

sublime在Mac osx下安装z-codeing(即emmet)_第1张图片

(如果没有安装package control,在菜单栏里是看不到这一项的)

2、输入install package后回车,在输入你要安装的插件名称就可以了。

sublime在Mac osx下安装z-codeing(即emmet)_第2张图片

sublime在Mac osx下安装z-codeing(即emmet)_第3张图片

 附带一点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就可以了,真是太方便啦

你可能感兴趣的:(sublime)