Gulp Tool Window
On this page:
- Accessing the Gulp Tool Window
- Building a Tree of Gulp Tasks
- Running Gulp Tasks
- Toolbar
- Context Menu of a Tree
- Context Menu of a Task or a Target
Accessing the Gulp Tool Window
- the tool window can be accessed this way
only after you have opened it using the command or after you have run tasks through the Gulp.js run configuration.
The tool window is available only when:
- The Node.js runtime environment is installed on your computer.
- The NodeJS repository plugin is installed and enabled. The plugin is not bundled with IntelliJ IDEA, but it can be installed from the JetBrains plugin repository as described in Installing, Updating and Uninstalling Repository Plugins and Enabling and Disabling Plugins.
-
The
gulp
package is installed in the current project, see Installing Gulp for details. -
At least one
Gulpfile.js
file is available in the current project.
The tool window opens when you
invoke Gulp.js by choosing Show Gulp Tasks
on the context menu of a Gulpfile.js
in the Project tool window
or of a Gulpfile.js
opened in the editor.
The tree is built according to the Gulpfile.js
file on which Gulp.js was invoked.
If you have several Gulpfile.js
files in your project, you can build a separate tasks tree for each of them and run tasks without abandoning the previously built tasks trees.
Each tree is shown under a separate node.
If you have several Gulpfile.js
files in your project, you can build a separate tasks tree for each of them and run tasks without abandoning the previously built tasks trees.
Each tree is shown under a separate node.
Building a Tree of Gulp Tasks
To build a tree of tasks, do one of the following:
-
Select the required
Gulpfile.js
file in the Project tool window and choose Show Gulp tasks on the context menu of the selection. -
Open the required
Gulpfile.js
file in the editor and choose Show Gulp tasks on the context menu of the editor. -
If the Gulp tool window is already opened, click on the toolbar and
choose the required
Gulpfile.js
file from the list. IntelliJ IDEA adds a new node and builds a tasks tree under it. The title of the node shows the path to theGulpfile.js
file according to which the tree is built.
Running Gulp Tasks
To run a task, do one of the following:
- Double click the required task in the tree.
- Select the required task and choose Run <task name> on the context menu of the selection.
- Select the required task and press Enter.
-
To run the
default
task, select the root node in the tree and choose Run default on the context menu of the selection. - To navigate to the definition of a task, select the required task in the tree and choose Jump to source on the context menu of the selection.
The task execution output will be displayed in the Run tool window.
To run several tasks, use the multiselect mode: hold Shift (for adjacent items) or Ctrl (for non-adjacent items) keys and select the required tasks, then choose Run on the context menu of the selection.