Atom编辑器折腾记_(18)atom内运行gulp的实现方法[酷炫]

作者主页

插件作者主页： https://atom.io/users/benjaminRomano

效果图

atom编辑器内置一个gulp执行面板;
左边是探测到gulpfile的队列任务,单机即可运行,右边就是执行的状态预览;

功能实现

单纯的gulp面板只依赖两个插件

• bottom-dock
• gulp-manager package

bottom-dock不仅仅可以实现gulp面板,还能实现todo[很实用的功能],还有grunt队列也能实现;

这些功能都是同一个封装好的插件;

面板快捷键

三个面板有些快捷键是公用的,有些是专用的,可以看下;

Bottom-dock快捷键

• ctrl-k ctrl-t: 是否显示面板
• ctrl-k ctrl-r: 刷新窗口
• ctrl-k ctrl-c: 关闭窗口

GULP面板快捷键

• ctrl-k ctrl-t: 是否显示面板
• ctrl-k ctrl-g: 创建一个新的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: 添加面板