Grunt GUI 工具： Spock

爱意满满的作品展示区。

This topic created in 4477 days ago, the information mentioned may be changed or developed.

在大家纷纷推出各种工具的 CLI 版本时，Spock 在这里显得有点格格不入，但我确实喜爱一目了然的 GUI 界面多一些。

一个原因是：搞 “外包” 并行项目太多，一次可能跑着好几个 Grunt Watch 。 @hzlzh 你说对不对？

还有，Windows 下的命令行太挫也是一个原因，虽然有了 http://bliker.github.io/cmder/ 后这个情况改善了好多。

看图：

当然，你想看任务运行的详细过程也是可以的：

Windows 的 EXE 打包已经好了，Mac 版的包要是谁愿意来打一个，那自然是很好滴。

https://github.com/Mobile-Team/spock/releases

源代码在这里：

https://github.com/Mobile-Team/spock

网站现在还很简陋，除了会有 Spock 的文档，我还计划加入一些 Grunt 的相关文章

http://www.getspock.com/

Supplement 1 · Feb 20, 2014

Spock 本身是基于 grunt-cli 的，所以，在使用 Spock 之前，你的项目是需要可以正常使用 grunt 的。

也就是说

$ cd grunt-demo-project
$ grunt default

运行起来是正常的。

把你的项目文件夹拖到 Spcok 上黑乎乎的地方就添加进来了。

Supplement 2 · Feb 20, 2014

谢谢 @emric

方便不熟悉 node-webkit 的同学以及 mac 的同学使用。
先下载适合你的node-webkit版本: https://github.com/rogerwang/node-webkit
然后下载源码放到解压好的 node-wedkit 目录, 然后运行 `npm install`安装依赖.
运行, 然后把 grunt 目录拖到旁边的又黑又粗的框.

Spock

grunt

Windows

17 replies • 1970-01-01 08:00:00 +08:00

66beta

Feb 20, 2014

屌！支持楼主！

FrankFang128

Feb 20, 2014

非 Windows 用户表示支持。

Ricky123

Feb 20, 2014

支持！

66beta

Feb 20, 2014

楼主有前端自动化/持续集成方面的经验介绍下不？
我觉得这方面国内信息略少，但是需求缺口很大。

willerce

Feb 20, 2014

自动化的我目前的理解还限于使用 Grunt 搭建 Workflow，如果对 workflow 有兴趣，可以看看 @hzlzh 在去年 web rebuild 上的分享：

移动终端重构Workflow

https://speakerdeck.com/hzlzh/webrebuild-2013-yi-dong-zhong-duan-zhong-gou-workflow

这是我们团队目前正在实践的工作流。

还有视频版：

http://www.56.com/u90/v_MTAwMTAyMTkx.html

xieren58

Feb 20, 2014

现在又流行gulp了~~

yangg

Feb 20, 2014

@xieren58 果真很赞，配置文件简单点

emric

Feb 20, 2014

方便不熟悉node-webkit的同学:
先下载适合你的node-webkit版本: https://github.com/rogerwang/node-webkit
然后下载源码放到解压好的 node-wedkit 目录, 然后运行 `npm install`安装依赖.
运行, 然后把 grunt 目录拖到旁边的又黑又粗的框.

66beta

Feb 20, 2014

@willerce 谢楼主

分享一个Addy Osmani大神的 https://speakerdeck.com/addyosmani/automating-front-end-workflow

hzlzh

PRO

Feb 20, 2014

赞，Grunt 工作流，谁用谁知道

Sivan

Feb 20, 2014

在用 Gulp，比 Grunt 快多了。
另外不管项目多少，确实还是喜欢在终端里搞这些东西，如果是用 GUI 我宁愿放弃 Gulp/Grunt 用 CodeKit 之类的。

willerce

Feb 20, 2014

@Sivan 确实非常多人喜欢用终端，但 Spock 的目标用户就是喜欢 GUI 的那些人。

不管 Grunt 还 Gulp，与 CodeKit , Koala，Prepros 都不是一类东西。对于需要自定义一系列功能的时候，这些工具显得不是太多余，就是功能不全。Grunt 与 CodeKit 的交集应该是 CodeKit 100% 的功能，区别是：Grunt 可扩展功能更多，而 CodeKit 有 GUI 界面且不需要复杂的配置。

我在做一些简单项目的时候，也会使用 Prepros 来搞定，但在搞正经项目时，它无法满足我的需求！

hzlzh

PRO

Feb 20, 2014

@Sivan 这里恰好有一个奇特的需求区域，CodeKit 的定制性，扩展性，跨平台（Win）不如 Grunt 高，而 Grunt 的命令行不友好（推广给其他团队和组员的时候），于是 Spock 就诞生来解决这个问题。

emric

Feb 21, 2014

@willerce 会合拼支持 gulp 的分支吗? 如果会的话, 今晚把代码整理下然后 pull 给你.

willerce

Feb 21, 2014

@emric 有这个计划，但目前我觉得 Spock 还不够稳定，现在我还在调整 mac 下的进程运行。gulp 的相关代码，可以先放在分支中。

emric

Feb 22, 2014

@willerce
看错分支, 一不小心把支持 gulp 的代码 Commits 了... 现在已经撤销掉了...
那个 pull 主要是修复 `ProjectManager` 文件的笔误, 现在删除项目会导致所有项目被清除.

willerce

Feb 22, 2014

@emric 比较少在 github 与人合作，请个问题请教一下。

下午，我把开发工作都迁移到 develop 上，master 计划不接受新的 PR，这时候我应该如何做呢？
我应该 close 掉这个 PR，还是手工合并？

如果方便，给我发邮件吧！[email protected]