zoukankan      html  css  js  c++  java
  • 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就可以了,真是太方便啦

  • 相关阅读:
    1600802101
    Android第二次作业
    android 第一次作业
    团队作业—项目答辩
    软件工程—团队作业2.2
    软件工程—团队作业2
    软件工程—团队作业1
    第一篇博客
    Android第四次作业
    作业3
  • 原文地址:https://www.cnblogs.com/yigeqi/p/4149881.html
Copyright © 2011-2022 走看看