Sublime的使用技巧

1.快速编写HTML代码

（1）初始化文档

html:5或! 用于HTML5文档类型
html:xt 用于XHTML过渡文档类型
html:4s 用于HTML4文档类型

（2）快速添加类、id、文本和属性

ul.box#wrapper>li*3>a[href=#]{$}

<ul class="box" id="wrapper">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>

（3）嵌套

> 子元素符号，表示嵌套的元素
+ 同级标签符号

（4）分组

(.foo>h1)+(.bar>h2)

<div class="foo">
    <h1></h1>
</div>
<div class="bar">
    <h2></h2>
</div>

（5）定义多个元素（*）

（6）定义多个带属性的元素

ul>li.item$@1*3 （下标从1到3）

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

2.CSS缩写

w100+h10p+m5e

div{
    width: 100px;
    height: 10%;
    margin: 5em;
}

3.模板

工具->新代码段：出现如下代码

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

将Hello, ${1:this} is a ${2:snippet}.替换为自己经常使用的模板

将<tabTrigger>hello</tabTrigger>注释打开，hello替换为自己设置的快捷键。使用时只需输入该字符串，按下Tab键即可

4.插件

1 ctrl+shift+p调出package control，
2 输入install package；
3 输入要安装的emmet，即可；