Sublime Text的优雅使用

原文出处：http://www.jianshu.com/p/3cb5c6f2421c/

温情提醒：可以移步原文首链处：如何优雅地使用Sublime Text(因为那儿还在持续更新完善中)；Here最后更新于2015.12.15晚 (不能为简书文章添加目录额，折腾不出来，醉了)，但目录结构还是可以有的：

如何优雅地使用Sublime Text 之 目录结构

Sublime Text 2和3的对比
Sublime Text 3安装插件
Sublime Text 3插件推荐
定制属于自己的快捷键
Sublime不可不知的实用技巧
定制属于自己的个性化主题
Sublime锦上添花些许设置
写在一路更来的结语

Sublime Text 2和3的对比

相比于2，Sublime Text 3就秒启动一项，就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新，具体的差异可参看 Sublime Blog.简单的说：

• ST3支持在项目目录里面寻找变量
• 提供了对标签页更好地支持（更多的命令和快捷键）
• 加快了程序运行的速度
• 更新了API，使用Python3.3

强烈推荐朋友们使用3! 唯快不破，不解释。

优雅使用Sublime Text，插件则是不可缺少的存在；而插件的备份就显得非常的重要（譬如：各平台同步；更换系统/电脑，迅速使用已安装的插件）。这事儿也很简单，只需将Packages（Preferences > Browse Packages）中内容拷贝一份，同步云端即可；至于存储何处，云盘，Github，皆无不可；譬如先前有存一份于 sublime_packages，每有所需只要 Down 下来，替换掉原 Packages 下内容就好。

Sublime Text 3安装插件

Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。

• 插件安装方式一：直接安装：

安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。

• 插件安装方式二：使用Package Control组件安装：

按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：

重启Sublime Text 3。如果在Perferences->package settings中看到package control这一项，则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。

PS：国内使用SublimeText3，经常可能遇到无法安装可用插件问题，可remove掉Package Control重新安装下；如遇到连Package Control也无法安装，则可以在别处拷贝一份关于Package Control的文件－(Package Control.sublime-package)存放于目录之下即可。

Sublime Text 3插件推荐

无插件，不神器！根据自己的需要定制属于自己的强大插件集；作为在移动端旧游之后，又Web端新游的自己，墙裂推荐以下这么几款插件：

SideBarFolders
打开的文件夹都太多了来用这个来管理文件夹，世界原来也可以这么美好。

WakaTime — 记录你的Code时间;
WakaTime可以做到精确地统计到你花在某个项目上的时间;WakaTime针对不同的IDE，拥有不同的插件，在Sublime上安装着插件，就能统计到我使用Sublime进行的所有项目的行为。可以高效管理和知晓自己code时间；并且，统计完善, 适合发朋友圈装逼（如果你喜欢的话）~

Waka的基本设计和rescuetime类似。每个人注册完将获取一个key，装一个客户端，把key输进去（登陆是同一个道理），然后它就把本地的所有行为带个key扔给服务器来统计，一段时间之后给你个 表。不过Waka做的真的很精准，精确到每一个文件用了多少秒，每一种语言用了多少时间。

安装和使用都很简单，请参见这里。另外一篇比较详细的文章时间都去哪了RescueTime和WakaTime来记录你的时间,对RescueTime和WakaTime有一个更为详细的叙述，可以一读。

Doclockr: 代码块注释
可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

• :回车创建一个代码块注释
• :回车在自动查找函数中的形参等等。

它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具，DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目；如果你愿意其更为便捷，不妨再结合,高效注释，由此开启。

sublime-text-git: Git 版本控制
可视化的操作：帮助你与你的Git repo协议进行交互。它支持很多命令像init,push, pull, branch, stash,等等。使用它当然提前需要安装 Git，并做好响应的配置；对于这个插件，不妨看下这篇文章 Using Git Inside of Sublime Text to Improve Workflow，相信她的伴随不会让你失望的。

关乎其使用，安装完成之后，运用快捷键(win: )
，Sublime Text底部会弹出输入框；我们只需在这个输入框里输入我们需要新建的文件名回车即可（我们甚至可以带路径,譬如:src/components/perfect.vue;这就会在当前项目目录下，建立该文件；需要注意的是这路径前面不可加 ‘/’, 这会使得建立的路径成为用户目录，而非改项目目录）。默认情况下文件会存储在当前目录，如果当前没有目录，会存储在用户的家目录。

剩下些许其他的可以按需安装的插件，比如：

• ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件
• Bracket Highlighter 用于匹配括 ，引 和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效
• DocBlockr 可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
• <font color=”purple”>Emmet(Zen Coding)</font>快速生成HTML代码段的插件，强大到无与伦比:可以超快速编写HTML/CSS/JS，当然这个插件还支持多种编译环境，如常见的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web开发必备！！！。
• jsFormat 格式化js代码，懂者自懂；强迫症Coder必备！默认快捷键Ctrl+Alt+F。
• phpFormat 格式化php代码，懂者自懂；强迫症Coder必备！
• CSS Compact Expand CSS属性展开收缩:写CSS的盆友，喜欢将其写多行还是一行(个人喜欢将其格式化为多行)果阅读别人的代码不符合自己的习惯，可以用CSS Compact Expand这个插件将CSS格式化一下，按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示；强迫症Coder必备！。
• Autoprefixer插件：这是一款CSS3私有前缀自动补全插件；该插件使用CanIUse资料库（当然，SublimeText自然也有<font color=”purple”>CanIUse</font>这个插件咯），能精准判断哪些属性需要什么前缀，与CssComb插件一样，该插件也需要系统已安装Node.js环境；使用方法：在输入CSS3属性后（冒 前）按Tab键即可。
• YUI Compressor：压缩JS和CSS文件，按F7键后，若压缩当前文件（demo.js），则压缩后的文件（demo.min.js）保存在该文件的同级目录，需要安装java的JDK。使用方法：YUI Compressor
• ClickableURLs：可点击的URL
  使用小插件ClickableURLs可以让文件中的URL能够点击。
• Vue Syntax Highlight: Vue(*.vue)高亮插件；于前端而言，使用框架开发，是一个很酷爽的存在，那么此插件也就很有必要拥有；同时, 等插件也是很有拥有的必要，谁用谁知道(说到用vue, 这就蛮有使用的必要了( Webpack, Eslint, Test等都配置完善，十分贴心); 而写Js代码，于稍大项目 Eslint 就很有使用必要，而 sublime 在针对使用 Eslint 的 文件，目测还没有很好格式化插件，坐等诞生