效果圖

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

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

左邊是探測(cè)到 gulpfile 的隊(duì)列任務(wù)，單機(jī)即可運(yùn)行，右邊就是執(zhí)行的狀態(tài)預(yù)覽。

本人只實(shí)現(xiàn)了三個(gè)面板，因?yàn)楝F(xiàn)在不用 grunt 了，可以匯總錯(cuò)誤信息。

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

功能實(shí)現(xiàn)

單純的 gulp 面板只依賴兩個(gè)插件

• bottom-dock
• gulp-manager package

兩者缺一不可；

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

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

面板快捷鍵

三個(gè)面板有些快捷鍵是公用的，有些是專(zhuān)用的，可以看下。

Bottom-dock 快捷鍵

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

GULP 面板快捷鍵

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

TODO 面板快捷鍵

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