sublime安装方式及快捷键

整理些sublime常用的快捷键以及插件，仅供自己能够快速搭建自己的开发环境。

下载地址

sublime 常用插件安装

Emment使用手册

window快捷键
window+d 返回桌面
window+e 我的电脑
window+r 打开运行
window+l 锁定电脑
alt+table 切换软件
F2 重命名
F5 刷新

Sublime Text 3 快捷键

Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词

Ctrl+K:可跳过一个选择
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+X：删除当前行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl，依次点击或选取，可需要编辑的多个位置

按Ctrl+Shift+上下键，可替换行

html:xt html+transitional —->包含所有HTML元素和属性，包括展示性和弃用的元素（比如font），不允许使用框架（Framesets）
html：xs html+strict —->包含所有HTML元素和属性，但不包括展示性和弃用的元素（比如font），不允许使用框架（Framesets）
ctrl+shift+d —->复制粘贴当前行
ctrl+shift+k —->快速删除当前行
ctrl+h —->查找替换下移
ctrl+l —->选中一行
ctrl+shift+↑ —->上移当前行
ctrl+shift+↓ —->下移一行
alt+shift+1 —->屏幕分屏

选择类

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

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

Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。

Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。

Ctrl+Shift+M 选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。

Ctrl+M 光标移动至括号内结束或开始的位置。

Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下
Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。

Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。

Ctrl+Shift+] 选中代码，按下快捷键，展开代码。

Ctrl+K+0 展开所有折叠代码。

Ctrl+← 向左单位性地移动光标，快速移动光标。

Ctrl+→ 向右单位性地移动光标，快速移动光标。

shift+↑ 向上选中多行。

shift+↓ 向下选中多行。

Shift+← 向左选中文本。

Shift+→ 向右选中文本。

Ctrl+Shift+← 向左单位性地选中文本。

Ctrl+Shift+→ 向右单位性地选中文本。

Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。

Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。

Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。

Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。

编辑类

Ctrl+J 合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。

Ctrl+Shift+D 复制光标所在整行，插入到下一行。

Tab 向右缩进。

Shift+Tab 向左缩进。

Ctrl+K+K 从光标处开始删除代码至行尾。

Ctrl+Shift+K 删除整行。

Ctrl+/ 注释单行。

Ctrl+Shift+/ 注释多行。

Ctrl+K+U 转换大写。

Ctrl+K+L 转换小写。

Ctrl+Z 撤销。

Ctrl+Y 恢复撤销。

Ctrl+U 软撤销，感觉和 Gtrl+Z 一样。

Ctrl+F2 设置书签

Ctrl+T 左右字母互换。

F6 单词检测拼写

搜索类

Ctrl+F 打开底部搜索框，查找关键字。

Ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。

Ctrl+P 打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。

Ctrl+G 打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。

Ctrl+R 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。

Ctrl+： 打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。

Ctrl+Shift+P 打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。

Esc 退出光标多行选择，退出搜索框，命令框等。

显示类

Ctrl+Tab 按文件浏览过的顺序，切换当前窗口的标签页。

Ctrl+PageDown 向左切换当前窗口的标签页。

Ctrl+PageUp 向右切换当前窗口的标签页。

Alt+Shift+1 窗口分屏，恢复默认1屏（非小键盘的数字）

Alt+Shift+2 左右分屏-2列

Alt+Shift+3 左右分屏-3列

Alt+Shift+4 左右分屏-4列

Alt+Shift+5 等分4屏

Alt+Shift+8 垂直分屏-2屏

Alt+Shift+9 垂直分屏-3屏

Ctrl+K+B 开启/关闭侧边栏。

F11 全屏模式

Shift+F11 免打扰模式

ColorPicker：调色板 ctrl+shift+c—>需要安装.NET framework

添加右键功能：
regedit–>shell–>newfile(Sublime)–>newfile(Command)–>默认
c:// -p –remote-tab-silent “%1”

添加快捷键方法：
首选项–>key bindings
[ //ie
{ “keys”: [“f12”],
“command”: “side_bar_files_open_with”,
“args”: { “paths”: [],
“application”: “C:/Program Files/Internet Explorer/iexplore.exe”,
“extensions”: “.*” }
},
//chorme
{ “keys”: [“+f12”],
“command”: “side_bar_files_open_with”,
“args”: { “paths”: [],
“application”: “C:\Program Files\Google\Chrome\Application\chrome.exe”,
“extensions”: “.*” } } ]

//适用我自己的
[
// chrome
{
“keys”: [“ctrl+b”],
“command”: “open_in_browser”
}
]

首选项–>设置-Specific
table缩进和水平滚动条

关于升级
SublimeText的升级挺快的,每次升级完之后都要重新破解一次主文件,不用重新注册,如果嫌更新太麻烦可以在配置中加入”update_check”: false禁用自动更新

ul>#nav>li.item*4>a{item}

<ul>    <li id="nav">        <li class="item1"><a href="#">item1</a></li>        <li class="item2"><a href="#">item2</a></li>        <li class="item3"><a href="#">item3</a></li>        <li class="item4"><a href="#">item4</a></li>    </li></ul>

div+div>p>span+em^bq

<div></div><div>    <p>        <span></span><em></em>    </p>    <blockquote></blockquote></div>

div+div>p>span+em^^bq

<div></div><div>    <p><span></span><em></em></p></div><blockquote></blockquote>

div+div>p>span+em^^^bq

<div></div><div>    <p>        <span></span>        <em></em>    </p></div><blockquote></blockquote>

div>(header>ul>li*2>a)+footer>p

<div>    <header>        <ul>            <li><a href="#"></a></li>            <li><a href="#"></a></li>        </ul>    </header>    <footer>        <p></p>    </footer></div>

(div>dl>(dt+dd)*3)+footer>p

<div>    <dl>        <dt></dt>        <dd></dd>        <dt></dt>        <dd></dd>        <dt></dt>        <dd></dd>    </dl></div><footer>    <p></p></footer>

input[type=”password” placeholder=”password”]

ul>li.item$*4

<ul>    <li class="item1"></li>    <li class="item2"></li>    <li class="item3"></li>    <li class="item4"></li></ul>

ul>li.item$$$*4

<ul>    <li class="item001"></li>    <li class="item002"></li>    <li class="item003"></li>    <li class="item004"></li></ul>

ul>li.item$@-*5

<ul>    <li class="item5"></li>    <li class="item4"></li>    <li class="item3"></li>    <li class="item2"></li>    <li class="item1"></li></ul>

ul>li.item$@3*5

<ul>    <li class="item3"></li>    <li class="item4"></li>    <li class="item5"></li>    <li class="item6"></li>    <li class="item7"></li></ul>

ul>li.item$@-3*5

<ul>    <li class="item7"></li>    <li class="item6"></li>    <li class="item5"></li>    <li class="item4"></li>    <li class="item3"></li></ul>

a[onclick=”click()”]{点我}

<a href="" onclick="click()">点我</a>

clickhearto continue

(header>ul.nav>li*5)+footer

<header>    <ul class="nav">        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>    </ul></header><footer></footer>

css3兼容浏览器快捷方式

• 如果输入非W3C标准的CSS属性，Emmet会自动加上供应商前缀，比如输入trs，则会生成：

-trs

    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;

• 你也可以在任意属性前加上“-”符号，也可以为该属性加上前缀。比如输入-super-foo：

-webkit-super-foo: ;  -moz-super-foo: ;  -ms-super-foo: ;  -o-super-foo: ;  super-foo: ;  

• 如果不希望加上所有前缀，可以使用缩写来指定，比如-wm-trf表示只加上-webkit和-moz前缀：

-webkit-transform: ;  -moz-transform: ;  transform: ;  

前缀缩写如下：

• w 表示 -webkit-
• m 表示 -moz-
• s 表示 -ms-

• o 表示 -o-

• 渐变

输入lg(left, #fff 50%, #000)，会生成如下代码：

background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, #fff), to(#000));  background-image: -webkit-linear-gradient(left, #fff 50%, #000);  background-image: -moz-linear-gradient(left, #fff 50%, #000);  background-image: -o-linear-gradient(left, #fff 50%, #000);  background-image: linear-gradient(left, #fff 50%, #000);  

快捷键

  cc:ie  <!--[if IE]>  <![endif]-->  link:favicon  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">  link:touch  <link rel="apple-touch-icon" href="favicon.png">  link:css  <link rel="stylesheet" href="style.css">