PhpStorm 2018.1 Help

Bower

PhpStorm provides interface for installing, uninstalling, and upgrading client-side libraries and frameworks for your project using the Bower Package Manager. Alternatively, you can use the tool in the command line mode from the embedded local terminal.

Before you start

Install Node.js and configure it as a local Node.js interpreter.

Installing Bower

Open the built-in PhpStorm Terminal (Alt+F12) and type npm install -g bower at the command prompt.

Creating a Bower configuration file bower.json

  1. Open the embedded Terminal (View | Tool Windows | Terminal) and type the following at the command prompt:
    cd <your project folder> bower init
  2. Answer the questions to specify the following basic settings:
    • The testing framework to use.
    • The browsers to be captured automatically.
    • The patterns that define the location of test files to be involved in testing or excluded from it.

Configuring Bower in PhpStorm

  1. In the Settings/Preferences dialog (Ctrl+Alt+S), click JavaScript under Languages and Frameworks, and then click Bower. The Bower page opens.
  2. Specify the Node.js interpreter to use, see Configuring a local Node.js interpreter for details.
  3. Specify the location of the Bower package and the bower.json configuration file.
Last modified: 20 April 2018

See Also

Procedures:

Reference: