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

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

概述效果图atom编辑器内置一个gulp执行面板; 左边是探测到gulpfile的队列任务,单机即可运行…右边就是执行的状态预览;本人只实现了三个面板,因为现在不用grunt了…可以汇总错误信息 功能实现单纯的gulp面板只依赖两个插件 - bottom-dock - gulp-manager pack 效果图

atom编辑器内置1个gulp履行面板;
左侧是探测到gulpfile的队列任务,单机便可运行…右侧就是履行的状态预览;

本人只实现了3个面板,由于现在不用grunt了…可以汇总毛病信息


功能实现

单纯的gulp面板只依赖两个插件
- bottom-dock
- gulp-manager package

二者缺1不可;

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

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


面板快捷键

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

Bottom-dock快捷键

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

GulP面板快捷键

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



总结

以上是内存溢出为你收集整理的Atom编辑器折腾记_(18)atom内运行gulp的实现方法[酷炫]全部内容,希望文章能够帮你解决Atom编辑器折腾记_(18)atom内运行gulp的实现方法[酷炫]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1016726.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存