やりたいこと
エディタとしてBracketsを利用することを前提として...
- Brackets上でgulpのタスク (gulpfile.js) を修正。
- Brackets上から実行させたい。
※ Bracketsとは、Adobeが提供しているWebデザインに特化したテキストエディタです。(関連: Bracketsメモ)
追加するパッケージ
- Brackets-Gulp
- https://github.com/dalcib/brackets-gulp
Bracketsの拡張機能マネージャーから追加できますが、これだけではダメでした。以下も合わせてインストールしています。
- Brackets Shell
- https://github.com/johnhidey/hdy.brackets-shell/
- Node.js bindings
- https://github.com/Acconut/brackets-nodejs
実際の画面
パッケージ追加後、開いているプロジェクトのフォルダに、gulpfile.jsがあればGulpのタスクがメニューバーに表示されます。
- メニューバー -> Gulp -> タスクを選択して実行。
- 下記のように実行結果が表示される。
うまくGulpのタスクが認識されない場合
- BracketsからGulpのパスが見えていない場合、メニューにタスクが表示されません。
- プラグインが不足しているとメニューにタスクが表示されません。