Brackets上からgulp実行


やりたいこと

エディタとしてBracketsを利用することを前提として...

  • Brackets上でgulpのタスク (gulpfile.js) を修正。
  • Brackets上から実行させたい。

※ Bracketsとは、Adobeが提供しているWebデザインに特化したテキストエディタです。(関連: Bracketsメモ)

追加するパッケージ

Bracketsの拡張機能マネージャーから追加できますが、これだけではダメでした。以下も合わせてインストールしています。

実際の画面

パッケージ追加後、開いているプロジェクトのフォルダに、gulpfile.jsがあればGulpのタスクがメニューバーに表示されます。

  • メニューバー -> Gulp -> タスクを選択して実行。
  • 下記のように実行結果が表示される。

うまくGulpのタスクが認識されない場合

  • BracketsからGulpのパスが見えていない場合、メニューにタスクが表示されません。
  • プラグインが不足しているとメニューにタスクが表示されません。