Sublime Text常用快捷键

常用快捷键

! + Tab或者html:5 + Tab ：生成html结构代码。

Ctrl + / ：注释整行（若已选择内容，与"Ctrl+Shift+/"效果相同）。

Ctrl + Shift + / ：注释已选择内容。

Ctrl + [ ：代码左缩进。

Ctrl + ] ：代码右缩进。

Ctrl + D ：选中光标所占的文本，继续操作则会选中下一个相同的文本。

Alt + F3 ：选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。

Ctrl + Shift + D ：如果你已经选中了文本，它会复制你的选中项。否则，把光标放在行上，会复制整行。

Ctrl ：多次选择。按下Ctrl键，进行多次单击，光标会定位在多个位置，可同时编辑这几个地方。

Ctrl + L ：选中一行。

Ctrl + Shift + K ：删除一行。

Alt + Shift + W ：用标签包裹选中项。

Ctrl + Shift + ; ：移除与光标相关的父标签。

Ctrl + ← 、Ctrl + → ：以单词为单位快速移动光标。

Ctrl + Shift + ↑ 、Ctrl + Shift + ↓ ：整行上下移动。

Ctrl + Shift + V ：粘贴并复制格式。

Ctrl + Shift + A ：向上扩展一层。如果你把光标放在文本间再按下该快捷键，将选择文本（就像Ctrl+D）。但是再次按下它，将选择父容器，再按，将选择父容器的父容器。

Ctrl + '+' 、Ctrl + '-' ：放大、缩小显示比例。

Alt + Shift + 数字 ：分屏（例如Alt + Shift + 2 ：分成两屏；Alt + Shift + 1 ：回到单屏；）

F11 ：全屏

代码自动补全

Tab ：自动补全

1、自动补全标签

img，按下Tab键。效果如下：

<img src="" alt="" />

2、添加标签的同时规定标签里内容

p{p元素内容}，按下Tab键。效果如下：

<p>p元素内容</p>

3、添加标签的同时添加标签的属性和属性值

img[src=logo.jpg alt=图片的替换文本]，按下Tab键。效果如下：

<img src="logo.jpg" alt="图片的替换文本" />

4、生成带有id和class属性的标签

div.nav，按下Tab键

div#bar，按下Tab键

div.nav#bar，按下Tab键。效果如下：

<div class="nav"></div>
<div id="bar"></div>
<div class="nav" id="bar"></div>

5、生成链接样式表文件的代码

link:css，按下Tab键。效果如下：

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

6、标签的嵌套

p>span，按下Tab键。效果如下：

<p><span></span></p>

7、同级标签的添加

div>img+a，按下Tab键。效果如下：

<div><img src="" alt="" /><a href=""></a></div>

8、标签的分组

 (div>p)+(div>img)，按下Tab键。效果如下：

<div>
    <p></p>
</div>
<div><img src="" alt="" /></div>

9、快速生成多个元素

ul>li*3，再按下Tab键。效果如下：

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

10、快速生成css属性

div{
    w30//按下tab键
    h30//按下tab键
    mg10//按下tab键
    pd5//按下tab键
    lh2em//按下tab键
    bgc//按下tab键
}

效果如下： 

div{
    width: 30px;
    height: 30px;
    margin: 10px;
    padding: 5px;
    line-height: 2em;
    background-color: #fff;
}