效果圖

http://wiki.jikexueyuan.com/project/atom/images/gulp1.png" alt="" />

atom 編輯器內(nèi)置一個 gulp 執(zhí)行面板；

左邊是探測到 gulpfile 的隊列任務，單機即可運行，右邊就是執(zhí)行的狀態(tài)預覽。

本人只實現(xiàn)了三個面板，因為現(xiàn)在不用 grunt 了，可以匯總錯誤信息。

http://wiki.jikexueyuan.com/project/atom/images/gulp2.png" alt="" />

功能實現(xiàn)

單純的 gulp 面板只依賴兩個插件

• bottom-dock
• gulp-manager package

兩者缺一不可；

bottom-dock 不僅僅可以實現(xiàn) gulp 面板，還能實現(xiàn) todo[很實用的功能]，還有 grunt 隊列也能實現(xiàn)；

這些功能都是同一個封裝好的插件。

面板快捷鍵

三個面板有些快捷鍵是公用的，有些是專用的，可以看下。

Bottom-dock 快捷鍵

• ctrl-k ctrl-t: 是否顯示面板
• ctrl-k ctrl-r: 刷新窗口
• ctrl-k ctrl-c: 關閉窗口

GULP 面板快捷鍵

• ctrl-k ctrl-t: 是否顯示面板
• ctrl-k ctrl-g: 創(chuàng)建一個新的 gulp 面板
• ctrl-k ctrl-r: 刷新窗口
• ctrl-k ctrl-c: 關閉窗口

TODO 面板快捷鍵

• ctrl-k ctrl-t: 是否顯示面板
• ctrl-k ctrl-r: 刷新窗口
• ctrl-k ctrl-c: 關閉窗口
• ctrl-k ctrl-m: 添加面板