Gulp.js 工具包

本篇來整理關於 Gulp.js 的一些 GUI 工具，對於不瞭解 Gulp.js 可以參考之前我寫的 The streaming build system Gulp，會紀錄這篇最主要是看到有人在 Github 發了這篇 Is there any GUI tool for Gulp? 而 Gulp.js 底層作者 @robrich 跳出來列出了很多工具，整理如下

Gulpfiction 如果不會寫 gulp.js 可以直接用此工具產生
- Gulp Dev Tools 這是 Chrome Devtool Plugin
- Webstorm 編輯器下次 Release 就會支援
- Visual Studio 也是下次 Release 就會支援
- Sublime Text 請直接裝 sublime-gulp

如果開發環境為 Apple Mac 你可以直接裝 @sindresorhus 寫的 gulp-app，或者是 g0v 作者 clkao 開發的 gullet。看大家喜歡哪些工具，請自行安裝。我比較推薦 Gulp Dev Tools for Chrome，可以在瀏覽器上直接執行 Gulp 所有 Task，如果之前有玩過 Grunt.js 大家應該都知道也有 Grunt Devtools。

有使用 CoffeeScript 寫 Gulp.js 請務必在 gulpfile.coffee 加上

module.exports = gulp

接著修改 gulpfile.js 如下

require('coffee-script/register');
var gulp = require('./gulpfile.coffee');
module.exports = gulp;

程式碼可以直接參考 html5-template-engine

See also