• 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就可以了,真是太方便啦

  • 相关阅读:
    NopCommerce代码结构
    至于你信不信,我反正是信了——以类为单位的编程思想
    男人的小金库藏在哪里?——公共数据集Model
    老婆使用说明书——注册系统的逻辑与结构
    ASP.NET学习参考站点
    学了N年英语,你学会翻译了吗?——最基本的数据库连接
    编程也讲禅,您读过《金刚经》吗?——ADO.NET核心类的灭度与SQLHelper的诞生——十八相送(上)
    文件夹病毒专杀工具
    不想当将军的学生,不是好程序员——数据访问层DAL——程序结构的思考
    html的标签一共有多少个?
  • 原文地址:https://www.cnblogs.com/yigeqi/p/4149881.html
Copyright © 2020-2023  润新知