JetBrains Rider 2024.3 Help

Bower

Bower is a package manager for client-side libraries and components that contain HTML, CSS, JavaScript, fonts, image files, and so on. You can install, locate, upgrade, and remove Bower packages without leaving JetBrains Rider, on the dedicated Bower page or from the command line in the built-in terminal.

Before you start

  1. Install and enable the Bower plugin on the Settings | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains Marketplace.

  2. Download and install Node.js.

Install and configuring Bower

Install Bower

  • In the embedded Terminal (Alt+F12) , type:

    npm install -g bower

Create bower.json

  1. In the embedded Terminal (Alt+F12) , type:

    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.

    Learn more from the Bower official website.

Configure Bower in JetBrains Rider

  1. Press Ctrl+Alt+S to open settings and then select Languages & Frameworks | JavaScript | Bower.

  2. Specify the location of the Bower package and the bower.json configuration file.

Manage Bower packages

Bower installs packages only as project dependencies or development dependencies, learn more from the Bower official website. You can manage Bower packages on the Bower page or in the Terminal tool window.

  • In the embedded Terminal (Alt+F12) , type one of the following commands:

    • bower install --save <package_name> to install the package as a project dependency.

    • bower install --save-dev <package_name> to install the package as a development dependency.

  • Press Ctrl+Alt+S to open settings and then select Languages & Frameworks | JavaScript | Bower.

    On the Bower page, the Packages area shows all the Bower packages that are currently installed in your project.

    • To install a package, click the Add button, and in the Available Packages dialog that opens, select the required package and click Install Package.

    • To upgrade to the latest version of a package, select it in the list and click the Upgrade button (the Upgrade button).

    • To uninstall a package, select it in the list and click the Remove button (the Remove button).

Last modified: 27 August 2024