SublimeText3常用快捷键和优秀插件

Package Control

安装方法：

1、CTRL+`，出现控制台
2、粘贴以下代码至控制台

ST2：

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

ST3：

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' +'1e3d39e33b79698005270310898eea76'; 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)

插件

• Emmet 快速编写html/css的方法
• html5 支持hmtl5规范的插件包
• jquery 支持JQuery规范的插件包
• javascript Completions 支持Javascript、JQuery、Twitter Bootstrap框架
• JSFormat JS代码格式化插件。使用快捷键ctrl+alt+f
• SublimeLinter 一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如“TODO”，这样就可以被快速定位
• BracketHighlighter 类似于代码匹配，可以匹配括号，引号等符号内的范围。
• Alignment 代码对齐，如写几个变量，选中这几行，Ctrl+Alt+A，哇，齐了。
• Ctags 函数跳转，我的电脑上是Alt+点击 函数名称，会跳转到相应的函数
• Doc​Blockr 注释插件，生成幽美的注释
  使用方法：输入/、/*按下回车，具体参考sublime.wbond.net/packages/DocBlockr
• SideBarEnhancements 侧栏右键功能增强
• LESS LESS高亮插件
• SASS scss代码高亮显示
• CSS3 CSS3语法高亮、CSS语法提示
• autoprefixer CSS添加属性私有前缀
  使用：选中要添加前缀的CSS，按下Ctrl+Shift+P，输入auto选择autoprefixer CSS即可(需要安装node.js)
• ColorPicker 调色板 快捷键Ctrl+Shift+C
• AutoFileName 文件路径补全。输入"/"即可看到本项目文件夹的其他文件
• html-css-js prettify 代码压缩/美化/整理。快捷键Ctrl+Shift+H
• ColorHighlighter 颜色代码选中时高亮
• SublimeCodeIntel JavaScript自动补全
• Sublimerge 文件对比工具
• Can I Use 选中你的属性右键之后会有一个Can I Use的选项，点击之后会在浏览器打开一个网址显示这个属性的兼容情况
• Terminal 控制台，快捷键 ctrl+shift+T呼出当前文件路径的控制台
• ESLint
• Git
• GitGutter
• View In Browser
• Vue Syntax Highlight
• VueFormatter

操作部分

1. 就近选择相同项: ctrl+d
   把光标放在一个单词上，按下ctrl+d，将选择这个单词。一直按住ctrl且按D多次，将选择当前选中项的下一个匹配项。通过按住ctrl，再按D三次，将选择三个相同的文本。

   
   
   1.gif

2. 选择当前文件所有匹配项: alt+f3
   选择文件中的所有匹配项。小心使用这个，因为它能选择一个文件中的所有匹配项. .

   
   
   2.gif

3. 选择文本的包裹标签: ctrl+shift+`
   这是一个法宝。也许你希望所有属性保持不变，但只是想选择标签。这个快捷键为你这样做，会注意到你可以在一次操作多个标签。ps：需要Emmet插件（可以直接到后面看插件的安装）

   
   
   3.gif
   
   

   4.向上扩展一层: ctrl+shift+a
   如果你把光标放在文本间再按下上面的键将选择文本，就像ctrl+d。但是再次按下它，将选择父容器，再按，将选择父容器的父容器。ps：需要Emmet插件（可以直接到后面看插件的安装）

   
   
   4.gif
   
   5.选择括号内的内容: ctrl+shift+m
   
   5.gif
   
   6.整行的上下移动: ctrl+shift+↑或 ctrl+shift+↓
   
   6.gif
   
   

   7.复制行或选中项: ctrl+shift+d

   
   
   7.gif
   
   8.增加和减少缩进: ctrl+[ 或 ]
   
   8.gif
   
   9.用标签包裹行或选中项: alt+shift+w
   
   9.gif
   
   10.移除未闭合的容器元素: ctrl+shift+;
   
   10.gif
   
   11.大写和小写: 大写ctrl+k+u、小写ctrl+k+l
   
   11.gif
   
   12.删除一行: ctrl+shift+k