关于Sublime Text3的安装和优雅使用我有一句标特否要说

2017-09-07 本文已影响277人 hydCoder

说在前面

古人云：“工欲善其事，必先利其器。”，所以要想更好的装逼，呸呸呸，是更好的撸码，那就必须得有一款看起来很高大上，使用起来很爽，又很轻量级的编辑器了。在不同语言的开发环境下可能你都会有很喜欢的编辑器，但有时候你仅仅只是想写点什么或者看下别人写的东西，又不想打开你那沉重的IDE，那么你就可以选择一些轻量级的编辑器了，下面说说我知道的几款吧。

notepad++： windows下的一款比较好用的文本编辑器（至少比系统的记事本好用）
vim(或者vi)：这款号称叫编辑器之神的编辑器，确实好用，有几种模式和一大堆的快捷键，有点记不住，而且在Linux操作系统下用的较多(windows的git bash里也有)
Sublime Text(简称ST)：这就是今天的主角了，他强大的插件和用法比起上面两款应该是更受青睐，下面就详细说说它的安装和一些插件安装以及快捷键(请准备好凳子。。。)

安装Sublime Text 3

首先直接去它的官网　根据自己的系统版本下载相应的安装包，但是一定要选择ST3，而不是ST2，3比2好用，真的，后面你就知道了。

安装好后，打开后是不是发现最顶部有一个括号，里面写的未注册的英文，有强迫症的朋友估计受不了了，那么就来激活它吧。(当然，手头宽裕的还是请支持正版！)

点开Help，填入注册码即可去掉那个括号了。下面是亲测可用的注册码。

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
—– BEGIN LICENSE —–
Nicolas Hennion
Single User License
EA7E-866075
8A01AA83 1D668D24 4484AEBC 3B04512C
827B0DE5 69E9B07A A39ACCC0 F95F5410
729D5639 4C37CECB B2522FB3 8D37FDC1
72899363 BBA441AC A5F47F08 6CD3B3FE
CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D
0CC513E7 52FF2333 9F726D2C CDE53B4A
810C0D4F E1F419A3 CDA0832B 8440565A
35BF00F6 4CA9F869 ED10E245 469C233E
—— END LICENSE ——
—– BEGIN LICENSE —–
Anthony Sansone
Single User License
EA7E-878563
28B9A648 42B99D8A F2E3E9E0 16DE076E
E218B3DC F3606379 C33C1526 E8B58964
B2CB3F63 BDF901BE D31424D2 082891B5
F7058694 55FA46D8 EFC11878 0868F093
B17CAFE7 63A78881 86B78E38 0F146238
BAE22DBB D4EC71A1 0EC2E701 C7F9C648
5CF29CA3 1CB14285 19A46991 E9A98676
14FD4777 2D8A0AB6 A444EE0D CA009B54
—— END LICENSE ——
—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

这些注册码来自Sublime text 3 3103 注册码，感谢提供注册码的作者。

Package Control安装

Package Control是一个基础的、必备的包管理，主要用来以后的插件安装。官网的安装指导。

package-control安装.png

打开ST3，点击菜单 View -> Show Console，会在底部出现一个命令输入框，然后将上面的命令拷贝(官网的安装指导打开这个网址拷贝)到输入框中，回车，等待，安装成功。

插件安装

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

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

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

经过上面安装了Package Control后，我们就可以通过快捷键 Ctrl+Shift+P (或者点击preferences -> Package Control)打开Package Control来安装插件了。在打开的输入框中输入 install ，会根据你的输入自动提示，选择 Install Package。如下图：

install安装.png

我们输入chinese，选择ChineseLocalization安装一个语言包，安装好后菜单上的文字就会自动变成简体中文了。

ST安装与MarkDown有关的插件

Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，粗体或者斜体某些文字还可以颜色变换等等。

MarkDown Editing

SublimeText不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。
MarkDown Preview
1. 使用
  Markdown Preview较常用的功能是preview in browser和Export HTML in Sublime Text，前者可以在浏览器看到预览效果，后者可将markdown保存为html文件。
  preview inbrowser据称是实时的，但是实践上还是需要在st保存，然后浏览器刷新才能看到新的效果，
  好在markdown写得多的话也不需要每敲一行看一次效果。
2. 编辑
  按Ctrl + N 新建一个文档
  使用Markdown语法编辑文档
  按Ctrl + Shift + P
  语法高亮，输入ssm 后回车(Set Syntax: Markdown)
3. 在浏览器预览Markdown文档
  按Ctrl + Shift + P
  输入mp 后回车(Markdown Preview: current file in browser)
  此时就可以在浏览器里看到刚才编辑的文档了;
  若设置了快捷键,直接(alt+m/..)即可.
4. 快捷键
  st支持自定义快捷键，markdown preview默认没有快捷键，我们可以自己为preview in browser设置快捷键。
  方法是在Preferences -> Key Bindings User打开的文件的中括号中添加以下代码(可在Key Bindings Default找到格式)：
  { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} }
  "alt+m"可设置为您自己喜欢的按键。
  
  注意：添加快捷键的语法类似Json，所以，如果在你添加的[]里已经有这样的代码了，记得在末尾加上英文输入法下的逗号即'，'。
5. 打印成pdf
  将markdown转换为pdf应该有很多种方法的。可直接用谷歌浏览器虚拟打印功能生成。
  利用Markdown Preview的Preview in Browser功能可以在浏览器上看到html效果。在页面右键->打印->另存为pdf->调节页边距即可将pdf文件下载下来。

Sublime Text 3其他插件推荐

Sublime Terminal：这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。
ColorPicker：通常，如果你想使用一个颜色选择器则可能打开 Photoshop。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。
SublimeREPL：这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。
Ctags插件：Sublime Text不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方； Alt+←即可回到原处）。其实Sublime Text也可以借助插件实现之（当然，有些情况下:Can not find defination）毕竟这个也是借助正则来匹配完成的。
SublimeLinter插件：SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
SideBarEnhancements插件：SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。
安装此插件后，点击菜单栏的preferences->package setting->side bar->Key Building-User，键入以下代码：
```
  [   
  { "keys": ["ctrl+shift+c"], "command": "copy_path" },
  //chrome
  { "keys": ["f2"], "command": "side_bar_files_open_with",
          "args": {
              "paths": [],
              "application": "C:\\Users\\hydcoder\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
              "extensions":".*"
          }
   }
  ]
```
这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，application后面的路径需要换成自己的chrome安装路径。
SublimeTmpl 快速生成文件模板：sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。
SublimeTmpl默认的快捷键:
```
  ctrl+alt+h html
  ctrl+alt+j javascript
  ctrl+alt+c css
  ctrl+alt+p php
  ctrl+alt+r ruby
  ctrl+alt+shift+p python
```

如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型。

Javascript-API-Completions:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。
DocBlockr: 代码块注释。可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.
1. /*:回车创建一个代码块注释
2. /**:回车在自动查找函数中的形参等等。
它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具，DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目；如果你愿意其更为便捷，不妨再结合AutoHotKey,高效注释，由此开启。
ConvertToUTF8：支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件
Bracket Highlighter：用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效
Emmet：快速生成HTML代码段的插件，强大到无与伦比:可以超快速编写HTML/CSS/JS，当然这个插件还支持多种编译环境，如常见的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web开发必备！！！
**jsFormat **：格式化js代码，强迫症Coder必备！默认快捷键Ctrl+Alt+F。
ClickableURLs：可点击的URL，使用小插件ClickableURLs可以让文件中的URL能够点击。
终极必杀：自己编写专用的Sublime Text插件。虽然说各个方面比如移动端，Web前段，服务器端，非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如，需要快捷打开PC端的某个模拟器，便捷的进行某些校验，只要你想的到的基本都可以将其在插件内，以快捷键处理之。至于如何编写SublimeText插件，请参看这里编写自己的Sublime Text2 插件。

设置属于自己的快捷键

使用SublimeText内置的快捷键：比如 Ctrl + Shift + P 打开命令面板:例如打开Package Control安装各种插件；可以可以输入Set(Snytax)来改变使用的语言环境，瞬间切换等等。

设置快捷键。在SublimeText里，打开Preferences -> Key Bindings - User，比如：

  [
    { "keys": ["ctrl+f9"], "command": "build" },
    { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
    { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }
  ]

具体可参见Sublime Text3 快捷键汇总及设置快捷键配置环境变量

硬货(实用技巧)

Ctrl+O(Command+O)：可以实现头文件和源文件之间的快速切换
通过 View -> Side bar 可在左侧显示当前打开的文件列表
ST3虽然不像notepad++可以在sidebar上显示函数列表，但是可通过Ctrl+R查看
通过 Preference -> Key binding user 可根据个人操作习惯自定义快捷键（包括ST3自带的和插件的）
双击可选中光标所在单词，三击可选中光标所在行(等同于Ctrl＋L(Command+L));
Ctrl+Shift+T可以打开之前关闭的tab页，这点同chrome是一样的Ctrl+R定位函数；Ctrl+G定位到行；
有时我们需要对一片区域的所有行进行同时编辑，Ctrl+Shift+L可以将当前选中区域打散，然后进行同时编辑：

多行编辑.gif

有打散自然就有合并，Ctrl + J(mac下Command＋J)可以把当前选中区域合并为一行
Windows下Ctrl + ←/→进行逐词移动，相应的，Ctrl + Shift + ←/→进行逐词选择。
Sublime text 删除插件步骤：“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件，并点击即可删除”;
编辑代码时我们经常会开多个窗口，所以分屏很重要。Windows下：Alt + Shift + 2进行左右分屏，Alt + Shift + 8进行上下分屏，Alt + Shift + 5进行上下左右分屏（即分为四屏）
Sublime 拼写检查：使用SublimeText从事英文创作，那么启用拼写检查就非常有用处了。选择Preferences > Settings – User菜单，添加以下代码：
```
  "spell_check": true,
```

结语

由于Sublime Text很强大，所以我所知道的和这篇文章所说的也只不过是沧海一粟，冰山一角，只希望能帮到有需要的人。也给自己的使用做一个笔记和总结。

参考文章出处：

如何优雅地使用Sublime Text3
Sublime Text 3能用支持的插件推荐
 Sublime Text3插件：增强篇
 20个强大的SublimeText插件

谢谢