Sublime编辑器指南

一.安装
进官网下载安装即可（http://www.sublimetext.com/）

二.优点
Sublime是一款非常轻量级、便捷的web前端开发攻城狮的御用工具，首先以图表的形式展现一些它的优点：

具体来说用户体验如下：
1.Sublime text编辑器单从界面看非常简洁，功能上也不复杂，很容易上手。
2.可以自由扩展，Sublime提供了安装插件的方式，可以任意安装你想要的插件。
3.体积小，Sublime占用的内存很小，才30几M，运行速度快，不用担心卡。
4.可以多屏显示。sublime编辑器可以显示多个屏幕，方便你编写及查看对应的文档代码。
5.还可以快速编写代码，要是sublime编辑器安装了emmet的插件，就可以很快写一整段html的代码。

三.用法及一些快捷键

1.【Edit菜单】
line行操作快捷键
ctrl+] 增加缩进
ctrl+[ 减小缩进
ctrl+shift+D 复制当前行
ctrl+shift+K 删除当前行
ctrl+shift+↑ 当前行与上行交换位置（也可以选中多行上下移动位置）
ctrl+shift+↓ 当前行与下行交换位置
comment注释功能
ctrl+/ 注释当前行
ctrl+shift+/ 选中多行（块）进行注释
text文本操作
ctrl+shift+enter在当前行前插入一行
ctrl+enter在当前行后插入一行
ctrl+Delete 删除光标后的一个单词（以单词为单位向后删除）
ctrl+Backspace 删除光标前的一个单词（以单词为单位向前）
(普通的delete和Backspace对字母操作）
ctrl+shift+K 删除当前行
ctrl+K,ctrl+K 删除至end
ctrl+T 逐个单词向前移位
2.【select菜单】
首先将光标移至要编辑的行
ctrl+L快速选中当前行
ctrl+D快速选中光标所在单词word
3.【Find菜单】
ctrl+F 查找
4.【view菜单】
side Bar
ctrl+K,ctrl+B view or hide sidebar
5.【Goto菜单】
Goto Anything非常好用的功能，快捷键ctrl+P
[:num当前文件不同行之间跳转(类vi)]
输入路径、文件名，跳转到指定文件
6.【Tools菜单】
命令模式，此为sublime特有功能，快捷键ctrl+shift+P
7.【preferences菜单】
sublime的设置
settings-Default，默认设置，json格式，可以修改
settings-User，可以从Default中复制选项定制用户自己的显示效果
字体大小可以通过：ctrl+滚动鼠标变大变小
Color Scheme 颜色模式，默认是Monokai模式，比如夜晚可用Solarized(Dark)模式
8.Goto Anything
快捷键ctrl+P 输入@定位css标签，js函数
除了（一）中提到的两个功能–定位和不同文件切换，还有
例如打开一个css文件，ctrl+P打开命令行，输入@，在不同的css选择器进行导航
在一个javascript文件中，若有多个函数，输入@，在不同的函数进行导航
example：打开文件bootcss/dist/css/bootstrap.css下的body便签进行编辑
操作：ctrl+P->bootcss/dist/css/bo@body
9.多行游标
this is GreenBoots
this is GreenBoots
this is GreenBoots
this is GreenBoots
this is GreenBoots
this is GreenBoots
ctrl+H:查找替换
ctrl+D:选中内容
ctrl+K–>ctrl+D 跳过选取
ctrl+D–>Atl+F3全选匹配内容
ctrl+shift+D复制当前行
产生多行游标:
（1）ctrl+D
（2）ctrl+D –> Atl+F3 全选
（3）ctrl+A –> ctrl+shift+l 拆分行
（4）鼠标放在单词上，按shift+鼠标右键下拉
10.命令模式
【ctrl+shift+P】启动命令模式
ss : set syntax 语法模式提示
输入js 然后enter就将该文件设置为js模式
输入css 然后enter就将该文件设置为css模式
输入minmap 关闭/打开minmap
11.综合使用编辑HTML文档
【安装插件：Emmet】
（1）输入“!”+【Ctrl+E】：生成HTML的文档
（跳转到Body：不要使用鼠标，使用Ctrl+Shift+P:打开命令模式。输入#，进行页面的匹配，输入bod，匹配body，按住Enter进行跳转，跳转到了Body。按住Ctrl+Enter：跳转到body的下一行）
（2）输入“ul>.item$*10” +【Ctrl+E】，生成10个li
（3）输入“h2{content}”+【Ctrl+E】
快捷键【Ctrl+Shift+V】 保留原格式粘贴
12.Page Control
（1）安装packageControl（管理插件的工具）
打开 https://packagecontrol.io/，点击右侧菜单installation
根据版本及提示进行安装ctrl+’`’打开console，将

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

粘贴后enter即可
（2）安装完成page control后，启动命令模式ctrl+shift+P或直接在菜单preferences中的最下方打开
输入pc可以快速定位page control，page control有很多命令，如：Add Channel、Install Package等等
List Package：列出安装的插件包
Disable Package：禁用插件（有时候因为插件快捷键冲突需要禁用）
Install Package：安装插件
（3）安装：ctrl+shift+P,pci,安装插件，enter会显出很多可供插件的列表
亦可在https://packagecontrol.io/查看插件的功能等信息
例：安装主题：先在https://packagecontrol.io/下的theme查看相关主题
安装主题过程：
（1）打开命令模式ctrl+shift+P
（2）输入pci，enter
（3）输入theme->模糊匹配spacegray（某一种主题），enter安装
（4）选择刚才安装的主题，自动方法：preferences->color scheme->theme-Spacegray->具体某个版本
手动方法：从安装后提示给出的example中的json文本复制至settings-user
13.sinppets以模板方式编程
（1）打开page Control，输入sinppets-Function，（js文件）tab键版块高亮，编写代码
（2）自动补全功能：输入Fun，补全函数；输入ife，补全if else；输入p，prototype…
比如在javascript中经常要输入document.getElementById(“tag”)，
如果安装了javascript sinppets，那么输入gi即可
安装javascript sinppets插件的方法：ctrl+shift+P，输入pci，->javascript sinppets->enter安装完成
提示：安装其他的sinppets方法类似
14.快速添加注释
安装插件【Docblockr】安装过程和上面安装插件一样，不再赘述，使用方法：
1、输入 /* +enter，生成一个注释块
2、输入 /** +enter，生成一个注释块，enter换行仍为注释
3、在新建函数上方输入 /**+tab，生成详细注释如下
/**
* [func description]
* @param {[type]}
* @param {[type]}
* @return {[type]}
*/
function func (a,b) {
return a+b;
}