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}

<h1>foo</h1>  

a[href=#]

<a href="#"></a>  

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

+：同级标签符号

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

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-