很早之前就只使用 Sublime text 做开发了。然而每隔上一段时间，总觉得有些功能上的缺失，好在它有很强大的扩展功能，总有一些扩展能满足你。可是搜索之后，这类文章一大抄啊，全部都是介绍一个主题，那几个插件，就不能再发现些新的来介绍一下吗。
话不多说了，今天给大家介绍个新的插件，2016年9月14号新鲜的
介绍
插件截图
简单但好用的功能，在你保存文件时，执行预设指令，并将输出结果显示在 sublime text 窗口中。
例如，在编写 coffee 或 typescript 这种需要转义的代码时，保存既编译。
与现在流行的此类功能的应用的优点：
- 配置简单
- 编译、调试信息输出在 sublime 窗口中，好看舒服
- 节省性能，不需要在开启其它服务来监控文件修改
- 不需要再安装针对某个语言的编译插件了
举个例子
右键你要检测的项目，新建个.onsave的配置文件。
新建个.onsave的配置文件
# OnSave plugin config file
LISTENER:
- CMD : webpack $FILE bundle.js
OUT : right # name + [left right bottom]
WATCH : "*.js"
TIMEOUT : 5000
- CMD : open "$ROOT/index.html" -a safari
OUT : right # name + [left right bottom]
WATCH : "*.js"
TIMEOUT : 5000
上面这段配置的意思是：
- 第一个检测项目下的所有 js 文件，当保存时执行 webpace 打包该文件到 bundle.js
- 第二个检测是为，当有文件修改后，在 Safari 上刷新页面
当文件保存时，效果就是这样，右边窗口显示输出信息
右边窗口显示输出信息
安装
我想还是说一下怎么安装 Package Control 吧
Package Control
ctrl+或 菜单栏打开View > Show Console显示控制面板，输入下面代码，回车：
import urllib.request,os,hashlib;
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';
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)
使用 Package Control 安装
进入命令面板（ctrl + shift+ p），然后键入install package，搜索On Save，确认安装
手动安装
下载插件包：
https://raw.githubusercontent.com/wl879/SublimeOnSave/master/package/On%20Save.sublime-package
在 Sublime Text 菜单栏打开Preferences > Browse Packages，找到Installed Packages文件夹，将下载的文件拷贝进去即可
最后，希望这款插件会为你的开发带来方便，希望你会喜欢这款插件。
