Atom編輯器折騰記_(18)atom內(nèi)運(yùn)行g(shù)ulp的實(shí)現(xiàn)方法[酷炫]

效果圖

atom編輯器內(nèi)置1個(gè)gulp履行面板;
左側(cè)是探測到gulpfile的隊(duì)列任務(wù),單機(jī)便可運(yùn)行…右側(cè)就是履行的狀態(tài)預(yù)覽;

本人只實(shí)現(xiàn)了3個(gè)面板,由于現(xiàn)在不用grunt了…可以匯總毛病信息

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

單純的gulp面板只依賴兩個(gè)插件
- bottom-dock
- gulp-manager package

二者缺1不可;

bottom-dock不單單可以實(shí)現(xiàn)gulp面板,還能實(shí)現(xiàn)todo[很實(shí)用的功能],還有g(shù)runt隊(duì)列也能實(shí)現(xiàn);

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

面板快捷鍵

3個(gè)面板有些快捷鍵是公用的,有些是專用的,可以看下;

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)建1個(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: 添加面

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈