Atom + GulpでElectron LiveReload環境構築

Yosemite入りしてようやくElectronが動くようになりました. ということで開発環境構築ですが,先ずはLiveReloadするようにしました. gulpなのは,流行り物というところ以前に,写経先がgulpだったから. gruntもあまり詳しくはないのでどちらでもいいというのが正直なところです.

導入したプラグイン

  • gulp-control ** このプラグインを入れた状態でctrl + alt + oとすると,プロジェクト内のgulpfile.jsに含まれるタスクが一覧されるので,それをクリックすることで実行できるようになります.

Gulpfile.js

qiita.com

こちらを丸パクリしました.

それで

Electronプロジェクトを作る際には,上を参考にgulpfile.jsを作成しておくと,ctrl + alt + oでgulpタスクが一覧されるので,そこからLiveReload起動できるようになるのでそのまま作業が行えます. もちろんgulp-controlからは全てのgulpタスクが実行できるため,LiveReloadタスク以外についても同様に利用できます.