sublime text快捷键+zen coding

1、sublime text2快捷键

Ctrl+L 选择整行(按住-继续选择下行)
Ctrl+KK 从光标处删除至行尾
Ctrl+Shift+K 删除整行
Ctrl+Shift+D 复制光标所在整行,插入在该行之前
Ctrl+J 合并行(已选择需要合并的多行时)
Ctrl+KU 改为大写
Ctrl+KL 改为小写
Ctrl+D 选词 (按住-继续选择下个相同的字符串)
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
Ctrl+Shift+/ 注释已选择内容
Ctrl+Space 自动完成(win与系统快捷键冲突,需修改)
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+Shift+V 粘贴并自动缩进(其它兄弟写的,实测win系统自动缩进无效)
Ctrl+M 光标跳至对应的括号
Alt+. 闭合当前标签
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+KT 折叠属性
Ctrl+K0 展开所有
Ctrl+U 软撤销
Ctrl+T 词互换
Tab 缩进
Shift+Tab 去除缩进
Ctrl+Shift+UP 与上行互换
Ctrl+Shift+DOWN 与下行互换
Ctrl+K Backspace 从光标处删除至行首
Ctrl+Enter 插入行后
Ctrl+Shift Enter 插入行前
F9 行排序(按a-z)


2、zed coding常用快捷

html
<html></html>

html:xml
<html xmlns="http://www.w3.org/1999/xhtml"></html>

html:5
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

link
<link rel="stylesheet" href="">

link:css
<link rel="stylesheet" href="style.css">

meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

script:src
<script src=""></script>

ol+
<ol>
<li></li>
</ol>

ul+
<ul>
<li></li>
</ul>

table+
<table>
<tr>
<td></td>
</tr>
</table>

a:link
<a href="http://"></a>

form:get
<form action="" method="get"></form>


input:text
<input type="text" name="" id="">


ID: #
div#container
<div id="container"></div>
#container
<div id="container"></div>


样式: .
div.container
<div class="container"></div>


.container
<div class="container"></div>


子节点: > 在DOM树下一层添加创建一个元素
.wrap>ul.list>.sites 
<div class="wrap">
<ul class="list">
<li class="sites"></li>
</ul>
</div>


兄弟节点: +
div.cls+p#id
<div class="cls"></div>
<p id="id"></p>


上一层节点:^ 向上一层添加创建创建一个元素。
div>p>ul^div
<div>
<p>
<ul></ul>
</p>
<div></div>
</div>


分组:()
div>((p.test1>span)+(ul+>span))
<div>
<p class="test1"><span></span></p>
<ul>
<li><span></span></li>
</ul>
</div>


插入文本:{}
a{click me}
<a href="">click me</a>


插入属性:[]
a[href="http://www.baidu.con"]
<a href="http://www.baidu.con"></a>


添加多个class到一个元素: . .
div.class1.class2
<div class="class1 class2"></div>


重复添加:
div>p>ul>li*5
<div>
<p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</p>
</div>


自动列计数:$
ul>li.item${item $$}*3
<ul>
<li class="item1">item 01</li>
<li class="item2">item 02</li>
<li class="item3">item 03</li>
</ul>


你可能感兴趣的:(sublime text快捷键+zen coding)