自用sublime text3常用插件及快捷键小结

插件篇

1.Package Control

作为这款编辑器的标配，package control 可以快捷地帮助你安装，卸载，查看，升级你的插件

用shift+ctrl+p的方式召唤出sublime的命令行，输入package control就可以看到package control的功能

2.emmet

Emmet 项目的前身是前端开发人员熟知的 Zen Coding（快速编写 HTML/CSS 代码的方案）。在 Sublime Text 编辑器中搭配 Emmet 插件真的是让你编码快上加快。

将右下角的编辑模式选择为html！！！

输入html：xt，然后tab

就会自动生成一个html的“骨架”

生成多个元素，例如10个div：div*10，然后tab

生成一个结构（子元素用>，同级元素用+，父级元素用^），例如：div>ul>li+li+li+li^div，然后tab

生成带有id和class的元素（id用#，class用.）,例如：div#d1,然后tab

3.sublimeTeml

他可以快速生成你需要的模板，例如（html，css，js，php,等等）

快捷键：

ctrl+alt+h：快速生成一个html骨架

ctrl+alt+c：快速生成一个css骨架

ctrl+alt+p：快速生成一个php骨架

ctrl+alt+j：快速生成一个js骨架

ctrl+alt+r：快速生成一个ruby骨架

ctrl+alt+x：快速生成一个xml骨架

打开插件的目录，一般为Sublime Text/Packages/SublimeTeml/templates,这就是模板的文件目录

我们可以用sublime打开他们，将其修改成我们需要的样子，比如我现在修改的html.tepl文件

一户随时按ctrl+alt+h，就能生成一个自定义的html模板，是不是很方便呢

4.view in browser

这个插件的功能比较单一，但是很好用

快捷键ctrl+alt+c：将正在编辑的文件用浏览器打开，任何文件！！！

所以，正常html打开，显示网页，很正常

css文件也能打开

嗯

也很正常

5.ColorPicker

这是一个可以在编辑器中打开的调色板

快捷键：shift+ctrl+c

6.DocBlock

这个插件可以帮助你生成规范的注释

例如有一下这个js文件

/*:回车创建一个代码块注释

/**:回车在自动查找函数中的形参等等。

注释马上就出来啦