sublimetext调试

Package Control

Sublime Text提供了绝对必要的包管理器。这是安装下面列出的所有插件和主题的最佳方式。继续，在包控制在安装插件。

进入命令面板（ctrl + shift+ p），然后键入 install。

DocBlockr

输入@会有自动补全列表出来，挺方便的

快速生成JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Groovy, Objective C, C, C++ and Rust语言函数注释。
在函数上面输入/** ,然后按 Tab 就会自动生成注释。

ConvertToUTF8

`Markdown Editing` `Markdown Preview`

Emmet

Emmet绝对的节省时间。您可以轻松快速地编写HTML。

ctrl + alt + enter ,并且开始输入Emmet风格的HTML

HTML/CSS/JS Prettify
HTML、CSS、JS格式化

View In Browser 《》
Sublime Text 保存后网页自动同步更新

Alignment 《》
使代码格式的自动对齐。
快捷键 Ctrl+Alt+A，可能与QQ截图冲突，二者中的一个要重置快捷键。

SublimeTmpl 《》
快速生成文件模板。
SublimeTmpl 默认的快捷键如下，如果快捷键设置冲突可能无效。
                  Ctrl+Alt+h             新建 html 文件
                  Ctrl+Alt+j             新建 javascript 文件
                  Ctrl+Alt+c             新建 css 文件
                  Ctrl+Alt+p             新建 php 文件
                  Ctrl+Alt+r             新建 ruby 文件
                  Ctrl+Alt+Shift+p    新建 python 文件

Compact Expand CSS Command 《》
使CSS属性展开及收缩，格式化CSS代码。
按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示。

ColorHighlighter 《》
显示所选颜色值的颜色，并集成了 ColorPicker

BracketHighlighter《

高亮显示匹配的括号、引号和标签。

AdvancedNewFile 《

Ctrl+N 即新建，然后 sublime text 下方便会弹出一个文本输入框，只要在里面输入文件名

SidebarEnhancements

在侧边栏的文件上右击时，这个插件提供了大量更多的选择。打开，查找，复制和粘贴

AutoFileName
自动补全文件(目录)名。

Colorpicker

使用一个取色器改变颜色
ctrl + shift + c

goto-css-declaration

快捷浏览器预览
f1

Alignment

一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。
选中要调整的行，然后按 Ctrl+ Alt + A

minify

html/css/js prettify

lorem

输入一个定义了代码片段的文本（例如lorem），然后按tab键。

多行操作

ctrl + d: 选中光标所占的文本，继续操作则会选中下一个相同的文本。
ctrl + click: 单击想要编辑的每一个地方，都将创建一个光标
ctrl + shift + f 和 alt + enter: 在你的文件查找一个文本，然后将其全部选中

以下叔整理的:

ctrl+l 选中整行，继续操作则继续选择下一行，效果和 shift+↓ 效果一样。
ctrl+shift+l 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。
ctrl+alt+↑ 或 ctrl+alt+鼠标向上拖动向上添加多行光标，可同时编辑多行。
ctrl+alt+↓ 或 ctrl+alt+鼠标向下拖动向下添加多行光标，可同时编辑多行。
shift+↑ 向上选中多行。
shift+↓ 向下选中多行

Code Snippet

Goto Symbols （跳转标记） `ctrl + r`

File Switching （文件切换） `ctrl + p`

Command Palette （命令面板） `ctrl + shift + p`

Theme-spacegray

livestyle

HTML

p.bar#foo <p class="bar" id="foo"></p>

h1{foo}

a[href=#]

>：子元素符号，表示嵌套的元素

+：同级标签符号

^：可以使该符号前的标签提升一行

css

@f+

@font-face {

font-family: 'FontName';

src: url('FileName.eot');

src: url('FileName.eot?#iefix') format('embedded-opentype'),

url('FileName.woff') format('woff'),

url('FileName.ttf') format('truetype'),

url('FileName.svg#FontName') format('svg');

font-style: normal;

font-weight: normal;

}

-wmo-super-foo

{

-webkit-super-foo: ;

-moz-super-foo: ;

-ms-super-foo: ;

-o-super-foo: ;

super-foo: ;

}

w 表示 -webkit-

m 表示 -moz-

s 表示 -ms-

o 表示 -o-