安装:brackets.io
安装emmet扩展后才支持以下命令
1.!+"tab":生成标准html文档结构
2.link+"tab":生成
<link rel="stylesheet" href="/">
3.link:css+"tab":
<link rel="stylesheet" href="/style.css">
4.link:print+"tab":生成打印样式
<link rel="stylesheet" href="/print.css" media="print">
5.link:favicon+"tab":
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
6.style+"tab":
<style></style>
7.script+"tab":
<script></script>
8.script:src+"tab":
<script src="/"></script>
9.使用html标签名称+"tab",自动补齐其余部分
10.html元素简写形式详见:http://docs.emmet.io/cheat-sheet/
11.子元素的嵌套用>:ul>li,ol>li,table>tr>td,
或者使用ul+,ol+,table+,再按tab即可。
12.兄弟元素用+,h3+p
13.向上级别用^
14.多次重复用*
15.群组用()
16.属性操作用[]
17.类序号操作用.类名$,$$,$@-,$@-3
18.编辑点之前切换:(Mac)
上一个:alt+command+←
下一个:alt+command+→
19.css属性选择:(Mac)
上一个:shift+command+,
下一个:shift+command+.
值+1:shift+command+↑
值-1:shift+command+↓
20.快速注释:(Mac)
command+\