Installing a Bower package in the command-line mode

Open the embedded Terminal (View | Tool Windows | Terminal) and switch to the directory where Bower is stored or define a PATH variable for it so it is available from any folder, see Installing Bower.

Type the following command at the command prompt:

bower install <tool name>

Installing a Bower package through the PhpStorm interface

Run Bower from PhpStorm using the Bower page of the Settings dialog box.

Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing File | Settings for Windows and Linux or PhpStorm | Preferences for macOS. Expand the Languages & Frameworks node, and then click Bower under JavaScript.

On the Bower page that opens, the Packages area shows all the Bower-dependent packages that are currently installed on your computer, both at the global and at the project level. Click .

In the Available Packages dialog box that opens, select the required package.

Optionally specify the product version and click Install Package to start installation.

Removing Bower packages

Installing a Bower package as a development dependency

Run the installation from the command line in the global mode: open the embedded Terminal (View | Tool Windows | Terminal) and type bower install -dev <tool name> at the command prompt.

Install the package using the PhpStorm user interface:

Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing File | Settings for Windows and Linux or PhpStorm | Preferences for macOS. Expand the Languages & Frameworks node, and then click Bower under JavaScript.

On the Bower page that opens, the Packages area shows all the Bower-dependent packages that are currently installed on your computer, both at the global and at the project level. Click .

In the Available Packages dialog box that opens, select the required package.

Select the Options checkbox and type --dev in the text box next to it.

Optionally specify the product version and click Install Package to start installation.