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,即可;