sublime text快捷键+zen coding

最新推荐文章于 2022-02-12 15:44:30 发布

Jredreamer

最新推荐文章于 2022-02-12 15:44:30 发布

阅读量773

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/zhang_Red/article/details/18192929

版权

Web前端专栏收录该内容

85 篇文章 0 订阅

订阅专栏

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>