如何优雅地使用Sublime Text3

此文非原创，出处见文章结尾。

一、Sublime Text 3插件安装

优雅使用Sublime Text，插件则是不可缺少的存在；而插件的备份就显得非常的重要（譬如：各平台同步；更换系统/电脑，迅速使用已安装的插件）。这事儿也很简单，只需将Packages（Preferences > Browse

Packages）中内容拷贝一份，同步云端即可；至于存储何处，云盘，Github，皆无不可；譬如先前有存一份于 sublime_packages，每有所需只要 Down 下来，替换掉原 Packages 下内容就好。

sublime text3 激活

----- BEGIN LICENSE -----
sgbteam
Single User License
EA7E-1153259
8891CBB9 F1513E4F 1A3405C1 A865D53F
115F202E 7B91AB2D 0D2A40ED 352B269B
76E84F0B CD69BFC7 59F2DFEF E267328F
215652A3 E88F9D8F 4C38E3BA 5B2DAAE4
969624E7 DC9CD4D5 717FB40C 1B9738CF
20B3C4F1 E917B5B3 87C38D9C ACCE7DD8
5F7EF854 86B9743C FADC04AA FB0DA5C0
F913BE58 42FEA319 F954EFDD AE881E0B
------ END LICENSE ------

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

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

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

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

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重启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)存放于Installed Packages目录之下即可。

二、Sublime Text 3插件推荐

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

MarkDown Editing
SublimeText不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章：sublime text 2(3)下的Markdown写作抑或是前段时间写下的追寻高效工作的一路折腾㈡

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

SideBarFolders

Sublime Terminal
这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。

ColorPicker
通常，如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 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）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见:Sublime Text ctags 的配置.

SublimeLinter插件
SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见：借助 SublimeLinter 编写高质量的 JavaScript & 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\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     }
]

这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

HTML-CSS-JS Prettify
一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见这篇介绍。

CSScomb CSS属性排序:
有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。

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提示还是很有用处的，也可设置要提示的语言。

sublime-jq-plugin

SFTP：快速编辑远程服务器文件
在Win下用Xftp 和 WinScp，被这种需要切换点击or F5刷新的手动操作蛋疼到无语；故此一遇见这SFTP，顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件，比如FtpSnyc，但是配置起来的错误提示一点都不人性化，就毫不留情的舍弃了。Sublime下有SFTP，只要Ctrl+S即可同步本地到服务器，妥妥的爽歪歪有么有？如何配置，请参见在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件;如欲使用FtpSync可参见Sublime使用及FtpSync远程同步；大道至简，因简而悦；开心垒码，值得折腾。

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

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

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

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

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

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

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

advancedNewFile：快速创建文件
当我们在 Sublime Text 编辑器里我们可以通过快捷键command+n(win: ctrl+n),来新建一个文件，然后command+s(Win:ctrl+s)进行弹出保存框，填写文件名进行保存。还是老问题，麻烦！！我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下的创建文件速度。

关乎其使用，安装完成之后，运用快捷键command+alt+n(win: ctrl+alt+n)
，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框架开发，是一个很酷爽的存在，那么此插件也就很有必要拥有；同时Jade, SASS等插件也是很有拥有的必要，谁用谁知道(说到用vue, 这vue-cli就蛮有使用的必要了( Webpack, Eslint, Test等都配置完善，十分贴心); 而写Js代码，于稍大项目 Eslint 就很有使用必要，而 sublime 在针对使用 Eslint 的 *.vue文件，目测还没有很好格式化插件，坐等诞生😳)。
终极王道：自己编写专用的Sublime Text插件。虽然说各个方面比如移动端，Web前段，服务器端，非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如，需要快捷打开PC端的某个模拟器，便捷的进行某些校验，只要你想的到的基本都可以将其在插件内，以快捷键处理之。至于如何编写SublimeText插件，请参看这里编写自己的Sublime Text2 插件

三、定制属于自己的快捷键

首先要会使用SublimeText内置的快捷键：
比如 Commond 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 快捷键汇总及设置快捷键配置环境变量

定制属于自己的专属快捷键：
比如就拿定制Sublime Text(2/3)编译lua 的快捷键来说：
- 首先：下安装lua环境(MAC)
```
curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix

或者：curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py
sudo python rudix.py install rud
```
- 安装IED：SublimeText3;完毕后上面选择:Build System--New Build System 输入：
```
{  
    "cmd": ["/usr/local/bin/lua", "$file"],  
    "file_regex": "^(...*?):([0-9]*):?([0-9]*)",  
    "selector": "source.lua"  
} 
```
保存为Lua.sublime-build，然后Tools-Build System上就能选择lua来编译脚本了）
PS：网上找到的大多数都是 "cmd": ["lua", "$file"]可能我是用rudix自动来安装lua的，需要改一下路径。

新建一个xx.lua文件，随便写个语句，选择lua为build system，按一下command+b，就能跑出来了。如下图所示：

LuaShortCutSublimeText

WindowS下面的定制请参看这里Sublime Text(2/3)编译lua

四、Sublime不可不知的实用技巧:

1. 设置

Ctrl + `：打开Sublime Text控制台
Ctrl + K, Ctrl + B：组合键，显示或隐藏侧栏
F11：切换普通全屏
Shift + F11：切换无干扰全屏

2. 编辑

Ctrl + Enter：在当前行下面新增一行然后跳至该行
Ctrl + Shift + Enter：在当前行上面增加一行并跳至该行
Ctrl + ←/→：进行逐词移动，
Ctrl + Shift + ←/→：进行逐词选择
Ctrl + ↑/↓: 移动当前显示区域（只是显示窗口的变化，文件不会被修改）
Ctrl + Shift + ↑/↓：移动当前行（文件会被修改）

3. 选择

Ctrl + D：选择当前光标所在的词并高亮该词所有出现的位置，再次Ctrl + D，会选择该词出现的下一个位置
Ctrl + K：在多重选词的过程中，会将当前选中的词进行跳过
Ctrl + U：在多重选词的过程中，进行回退，
Esc：退出多重编辑
Ctrl + Shift + L：将当前选中区域打散，然后进行同时编辑
Ctrl + J：把当前选中区域合并为一行

4. 查找

对使用Shift + ←/→或Ctrl + D或鼠标选中的关键字进行搜索：
- F3：跳到关键字下一个出现位置
- Shift + F3：跳到关键字上一个出现位置
- Alt + F3：选中关键字出现的所有位置（之后可以进行快速替换）
Ctrl + F：调出搜索框
- Enter：跳至关键字下一个位置
- Shift + Enter：跳至关键字上一个位置
- Alt + Enter：选中关键字出现的所有位置（同样的，接下来可以进行快速替换）
Ctrl + H：调出替换框进行替换
- Ctrl + Shift + H：输入替换内容后，替换当前关键字
- Ctrl + Alt + Enter：输入替换内容后，替换所有匹配关键字。
  (NOTE: 注意此时如果鼠标焦点在编辑窗口中，则替换失败，将鼠标焦点调到替换框中，Ctrl + Alt + Enter才会起作用)
Ctrl + Shift + F：开启多文件搜索&替换
Alt + C：切换大小写敏感（Case-sensitive）模式
Alt + W：切换整字匹配（Whole matching）模式
Alt + R：切换正则匹配模式的开启/关闭

5. 跳转

Ctrl + P：
- 列出当前打开的文件（或者是当前文件夹的文件），输入文件名然后 Enter 跳转至该文件
- 组合跳转（“Go To Anything”）：Ctrl + P匹配到文件后，我们可以进行后续输入以跳转到更精确的位置
  - @ 符号跳转：输入@symbol跳转到symbol符号所在的位置
  - # 关键字跳转：输入#keyword跳转到keyword所在的位置
  - : 行号跳转：输入:12跳转到文件的第12行
Ctrl + R：
- 列出当前文件中的符号（例如类名和函数名，但无法深入到变量名），输入符号名称 Enter 即可以跳转到该处。
- 会列出Markdown文件的大纲
F12：快速跳转到当前光标所在符号的定义处（Jump to Definition）。
比如当前光标所在为一个函数调用，F12会跳转至该函数的定义处。
Ctrl + G：输入行号以跳转到指定行

6. 窗口和Tab页

Ctrl + N：在当前窗口创建一个新标签
Ctrl + Shift + N：创建一个新窗口（该快捷键和搜狗输入法快捷键冲突）
Ctrl + W：关闭标签页，如果没有标签页了，则关闭该窗口
Ctrl + Shift + T：恢复刚刚关闭的标签。

7. 分屏

Alt + Shift + 2：进行左右分屏
Alt + Shift + 8进行上下分屏
Alt + Shift + 5进行上下左右分屏（即分为四屏）
Ctrl + 数字键：跳转到指定屏
Ctrl + Shift + 数字键：将当前屏移动到指定屏

8. 格式化

Ctrl + [：向左缩进
Ctrl + ]：向右缩进
Ctrl + Shift + V：可以以当前缩进粘贴代码
Tab：自动补全关键字

9. 括号

Ctrl + M：可以快速的在起始括号和结尾括号间切换
Ctrl + Shift + M：可以快速选择括号间的内容
Ctrl + Shift + J: 对于缩进型语言（例如Python）可以快速选择相同缩进语句块的内容

NOTE：

1. Ctrl + Shift + F：开启多文件搜索&替换，此快捷键和搜狗输入法的简繁切换快捷键有冲突，所以当你调不出搜索框时，注意一下当前是否切换到了搜狗输入法，如果是的话，切换到英文输入法，然后再Ctrl + Shift + F调出。

2. Ctrl + Shift + F：开启多文件搜索&替换, 默认在当前打开的文件和文件夹进行搜索/替换，

我们可以指定在当前打开的文件进行搜索/替换

10. 正则表达式是非常强大的文本查找&替换工具，Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用Boost里的Perl正则表达式风格。鉴于篇幅，加之本身就对这个不甚熟悉，这里就不再多啰嗦；以下是一些可以参考的文章：

11. 有时我们需要对一片区域的所有行进行同时编辑，Ctrl+Shift+L可以将当前选中区域打散，然后进行同时编辑：

SublimeText

12. 有打散自然就有合并，Ctrl + J(mac下Command＋J)可以把当前选中区域合并为一行：

SublimeText

13. 在Ctrl + P(Command+P)匹配到文件后，我们可以进行后续输入以跳转到更精确的位置：

@ 符号跳转：输入@symbol跳转到symbol符号所在的位置
# 关键字跳转：输入#keyword跳转到keyword所在的位置
: 行号跳转：输入:12跳转到文件的第12行。

14. Sublime Text的查找有不同的模式：Alt + C切换大小写敏感（Case-sensitive）模式，Alt + W切换整字匹配（Whole matching）模式，除此之外Sublime Text还支持在选中范围内搜索（Search in selection），这个功能没有对应的快捷键，但可以通过以下配置项自动开启。

"auto_find_in_selection": true

这样之后在选中文本的状态下范围内搜索就会自动开启，配合这个功能，局部重命名（Local Renaming）变的非常方便：

SublimeText

(13)Windows下Ctrl + ←/→进行逐词移动，相应的，Ctrl + Shift + ←/→进行逐词选择。

SublimeText

而Mac下的Command+←/→是从一端移动到另一端；相应的，Command + Shift + ←/→是从一端选择到另一端。

(14) Windows下Ctrl + ↑/↓移动当前显示区域，Ctrl + Shift + ↑/↓移动当前行。

SublimeText

而Mac下的Command + ↑/↓是从当前行移动到头/尾；相应的，Command + Shift + ↑/↓是从当前行选择到头/尾；

(15)使用Ctrl + N在当前窗口创建一个新标签，Ctrl + W关闭当前标签，Ctrl + Shift + T恢复刚刚关闭的标签。

(16)编辑代码时我们经常会开多个窗口，所以分屏很重要。Windows下：Alt + Shift + 2进行左右分屏，Alt + Shift + 8进行上下分屏，Alt + Shift + 5进行上下左右分屏（即分为四屏）。

(17)Sublime Text基本的手动格式化操作包括：Ctrl + [向左缩进(等同于将一块选中Shift+Tab)，Ctrl + ]向右缩进(等同于将一块选中后Tab键)，注解： Ctr+[ 和 Ctr+[ 针对一块连续内容使用，无需选中；此外Ctrl + Shift + V可以以当前缩进粘贴代码（非常实用）。

(18) ~~Ctrl+Shift+V~~(好吧，尝试了下Windows下的这个，目测不行，看来须得安装下Clipboard-history插件～（粘贴板历史记录）才行啊)（Mac下Command＋Shift＋V），粘贴之时可以调出之前粘贴过的内容（以一个轻量弹框显示以供选择），哇哦，才发现这个功能，感觉棒棒哒😄😄。

SublimeText

(19) Sublime text 删除插件步骤：“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件，并点击即可删除”;

(20) 作为强大而小巧，性感且快捷的SublimeText，怎么能够允许不时弹个框提醒你购买或者别的，并且顶部有未注册这样破坏美感的存在呢？OK，输入Sublime text 3最新版破解方法中提供的注册码，就妥妥的哦了。

五、定制属于自己的个性化主题

SublimeText 她不仅仅是作为性感无比，强大可大编辑器的存在；要知道在如今这么靠脸吃饭的时代，她的美者这方面怎么可能不臻至完美呢？Mac和Windows都默认十多种不同风格的主题，想必会有您喜欢😍的。即便没有也没关系，我们可以自己定制自己喜欢的风格主题。在线制作专属Sublime Text主题。这个网址可以轻松按照自己的意愿制作喜欢的主题。完毕之后将生成的xx.sublime.theme文件，点开Preferences -> Browsr Packages这个，放在这个直属目录之下，即可在Theme处选择这个主题了，亲测没有问题。

后记：作为如此便捷的她(Sublime Text3)，值得分享肯定不止这些，在Coding and Writing路上，要继续去发现和发扬她的美，未完待续...

六、Sublime锦上添花些许设置

Sublime Text内运行javascript(ES6)

首先安装nodejs

当然你可以使用其它诸如jsc之类的环境来运行js, 本文使用的是nodejs. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)

添加build system

在sublime text中依次打开Tools -> Build System -> New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic
{ "cmd": ["node", "--use-strict", "--harmony", "$file"], "selector": "source.js"}

附加说明

在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename . --harmony表示启用[ES Harmony features](http://kangax.github.io/compat-table/es6/), 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见[what-is-extended-mode](http://stackoverflow.com/questions/17253509/what-is-extended-mode)). 如果不想启用es6的特性,把build文件更改成以下代码保存即可. { "cmd": ["node", "$ file"], "selector": "source.js"}

具体使用

在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:

for (let i = 0; i < 3; i++) {
    console.log('i:', i);
}

使用快捷键 ctrl + b
, 将得到以下执行结果:

i: 0i: 1i: 2[Finished in 0.1s]

温馨注解:

(1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.
(2)Nodejs安装目录需要加入path环境变量中，否则Ctrl+B运行会出现：[WinError 2] 系统找不到指定的文件。

更换Sublime Text程序图标

不仅主题可以更换，图标也可以。在Dribbble上有大量重新设计的Sublime Text精美图标。更换方法：

下载一个图标，有.icns格式的最好。如果没有，用iConvert转换之。
终端执行：open /Applications/Sublime\ Text.app/Contents/Resources/
替换Sublime Text 3.icns或Sublime Text 2.icns文件。
[图片上传失败...(image-141bba-1516340085038)]

Sublime 拼写检查

如果你经常使用SublimeText从事英文创作，那么启用拼写检查就非常有用处了。选择Preferences > Settings – User菜单，添加以下代码：

"spell_check": true,

参考文章出处：
Sublime Text 全程指引 by Lucida
Sublime Text 3能用支持的插件推荐
 Wakatime 测试工作时间
 Sublime Text3插件：增强篇
 20个强大的SublimeText插件

作者：晚晴幽草
链接：https://www.jianshu.com/p/3cb5c6f2421c
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

posted @ 2015-11-05 23:31 海米傻傻阅读(378) 评论(0) 编辑收藏举报

刷新页面返回顶部

小满

行到水穷处，坐看云起时

如何优雅地使用Sublime Text3

一、Sublime Text 3插件安装

二、Sublime Text 3插件推荐

三、定制属于自己的快捷键

四、Sublime不可不知的实用技巧:

五、定制属于自己的个性化主题

六、Sublime锦上添花些许设置

Sublime Text内运行javascript(ES6)

首先安装nodejs

添加build system

附加说明

具体使用

更换Sublime Text程序图标

Sublime 拼写检查

公告