很早之前就只使用 Sublime text 做開發(fā)了。然而每隔上一段時間劫窒，總覺得有些功能上的缺失本今，好在它有很強大的擴展功能，總有一些擴展能滿足你烛亦≌┢茫可是搜索之后，這類文章一大抄啊煤禽，全部都是介紹一個主題铐达，那幾個插件，就不能再發(fā)現(xiàn)些新的來介紹一下嗎檬果。
話不多說了瓮孙，今天給大家介紹個新的插件唐断，2016年9月14號新鮮的
介紹
簡單但好用的功能，在你保存文件時杭抠，執(zhí)行預設(shè)指令脸甘，并將輸出結(jié)果顯示在 sublime text 窗口中。
例如偏灿，在編寫 coffee 或 typescript 這種需要轉(zhuǎn)義的代碼時丹诀，保存既編譯。
與現(xiàn)在流行的此類功能的應用的優(yōu)點：
- 配置簡單
- 編譯翁垂、調(diào)試信息輸出在 sublime 窗口中铆遭，好看舒服
- 節(jié)省性能，不需要在開啟其它服務來監(jiān)控文件修改
- 不需要再安裝針對某個語言的編譯插件了
舉個例子
右鍵你要檢測的項目沿猜，新建個.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 文件，當保存時執(zhí)行 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文件夾儒陨，將下載的文件拷貝進去即可
最后，希望這款插件會為你的開發(fā)帶來方便笋籽，希望你會喜歡這款插件蹦漠。
