sublime编辑器使用指南

一、sublime菜单简介【常用功能及快捷键】

【Edit菜单】复制代码

1. line行操作快捷键
   ctrl+] 增加缩进
   ctrl+[ 减小缩进
   ctrl+shift+D 复制当前行
   ctrl+shift+K 删除当前行
   ctrl+shift+↑ 当前行与上行交换位置（也可以选中多行上下移动位置）
   ctrl+shift+↓ 当前行与下行交换位置
2. comment注释功能
   ctrl+/ 注释当前行
   ctrl+shift+/ 选中多行（块）进行注释
3. text文本操作
   ctrl+shift+enter在当前行前插入一行
   ctrl+enter在当前行后插入一行
   ctrl+Delete 删除光标后的一个单词（以单词为单位向后删除）
   ctrl+Backspace 删除光标前的一个单词（以单词为单位向前）
   (普通的delete和Backspace对字母操作）
   ctrl+shift+K 删除当前行
   ctrl+K,ctrl+K 删除至end
   ctrl+T 逐个单词向前移位

【select菜单】
首先将光标移至要编辑的行
1、ctrl+L快速选中当前行
2、ctrl+D快速选中光标所在单词word
【Find菜单】
ctrl+F 查找
【view菜单】
side Bar
1、ctrl+K,ctrl+B view or hide sidebar
【Goto菜单】
1、Goto Anything非常好用的功能，快捷键ctrl+P
2、[:num当前文件不同行之间跳转(类vi)]
3、输入路径、文件名，跳转到指定文件
【Tools菜单】
命令模式，此为sublime特有功能，快捷键ctrl+shift+P
【preferences菜单】
sublime的设置
settings-Default，默认设置，json格式，可以修改
settings-User，可以从Default中复制选项定制用户自己的显示效果
字体大小可以通过：ctrl+滚动鼠标变大变小
Color Scheme 颜色模式，默认是Monokai模式，比如夜晚可用Solarized(Dark)模式
二、Goto Anything
快捷键ctrl+P 输入@定位css标签，js函数
1、除了（一）中提到的两个功能--定位和不同文件切换，还有
2、例如打开一个css文件，ctrl+P打开命令行，输入@，在不同的css选择器进行导航
3、在一个javascript文件中，若有多个函数，输入@，在不同的函数进行导航
example：打开文件bootcss/dist/css/bootstrap.css下的body便签进行编辑
操作：ctrl+P->bootcss/dist/css/bo@body
三、多行游标
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+鼠标右键下拉
四、命令模式
【ctrl+shift+P】启动命令模式
ss : set syntax 语法模式提示
输入js 然后enter就将该文件设置为js模式
输入css 然后enter就将该文件设置为css模式
输入minmap 关闭/打开minmap
五、综合使用编辑HTML文档
1、【安装插件：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】
2、快捷键【Ctrl+Shift+V】 保留原格式粘贴，流辟到不行！！！！O(∩_∩)O~
六、Page Control
1、安装packageControl（管理插件的工具）
打开 packagecontrol.io/，点击右侧菜单inst…
根据版本及提示进行安装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( '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会显出很多可供插件的列表
亦可在packagecontrol.io/查看插件的功能等信息
例：安装主题：先在packagecontrol.io/下的theme查看相关…
安装主题过程：
（1）打开命令模式ctrl+shift+P
（2）输入pci，enter
（3）输入theme->模糊匹配spacegray（某一种主题），enter安装
（4）选择刚才安装的主题，自动方法：preferences->color scheme->theme-Spacegray->具体某个版本
手动方法：从安装后提示给出的example中的json文本复制至settings-user
七、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方法类似
八、快速添加注释
安装插件【Docblockr】安装过程和上面安装插件一样，不再赘述，使用方法：
1、输入 / +enter，生成一个注释块
2、输入 / +enter，生成一个注释块，enter换行仍为注释
3、在新建函数上方输入 /+tab，生成详细注释如下
/**

• [func description]
• @param {[type]}
• @param {[type]}
• @return {[type]}
  */
  function func (a,b) {
  return a+b;
  }

转载于:https://juejin.im/post/59eda9adf265da431875e96e