# Bower

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> 仅在 IntelliJ IDEA Ultimate 订阅中提供： [下载](https://www.jetbrains.com/zh-cn/idea/download/)试用或 [探索功能](https://www.jetbrains.com/zh-cn/products/compare/?product=idea&product=idea-ult)。
>
>
>
> 必需插件  :
>
>
>
> `Bower`  -  在   设置 | 插件   页面上安装插件。

[Bower](http://bower.io/) 是一个用于管理客户端库和组件的软件包管理器，这些库和组件包含 HTML、CSS、JavaScript、字体、图像文件等。 您可以在 IntelliJ IDEA 中的专用   Bower 页面  页面或内置 [终端](terminal-emulator.html)的命令行中安装、定位、升级和移除 Bower 包。

## 开始之前

Procedure:

1. 下载并安装 [Node.js](http://nodejs.org/#download)。

2. 在  `设置 | 插件`  中安装并启用 Bower 插件，如 [从 JetBrains Marketplace 安装插件](managing-plugins.html#install_plugin_from_repo)中所述。 该插件仅在拥有 Ultimate 订阅的 IntelliJ IDEA 中可用。

## 安装和配置 Bower

Procedure: 安装 Bower

* 在命令行 shell 或嵌入式   终端  （ `Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (NetBeans), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS))）中输入：

```SHELL
npm install -g bower
```

Procedure: 创建 bower.json

1. 在命令行 shell 或嵌入式   终端  （ `Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (NetBeans), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS))）中输入：

```SHELL
cd <your project folder>
```

```SHELL
bower init
```

2. 回答以下问题以指定以下基本设置：

* 要使用的测试框架。

* 要自动捕获的浏览器。

* 定义在测试中包含或排除测试文件位置的模式。

从 [Bower 官方网站](http://bower.io/#configuration)了解更多信息。

Procedure: 在 IntelliJ IDEA 中配置 Bower

1. 按 `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) 打开设置，然后选择  `语言与框架 | JavaScript | Bower` 。

2. 请指定 Bower 包的位置和  `bower.json`  配置文件。

## 管理 Bower 包

Bower 只会将软件包安装为  项目依赖项 或  开发依赖项 ，请从 [Bower 官方网站](https://bower.io/docs/api/#install)了解更多信息。 您可以在   Bower  页面或   终端  工具窗口中管理 Bower 软件包。

Procedure:

* 在命令行 shell 或嵌入式   终端  （ `Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (NetBeans), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS))）中，输入以下命令之一：

* `bower install --save <package_name>` 将软件包安装为项目依赖项。

* `bower install --save-dev <package_name>` 将此包安装为开发依赖项。

* 按 `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) 打开设置，然后选择  `语言与框架 | JavaScript | Bower` 。

在   Bower  页面上，   包  区域显示当前项目中已安装的所有 Bower 软件包。

* 要安装软件包，请点击 !["添加"按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.add.svg)，在打开的 可用软件包 对话框中，选择所需的软件包并点击 安装软件包 。 > **Tip:** > 1. 默认情况下，软件包会作为项目依赖项进行安装。 要将软件包作为开发依赖项安装，请选中 选项 复选框并输入 `--save-dev` 。 > > 2. 默认情况下，Bower 会安装最新版本。 要获取另一个，请选择 版本 复选框并指定所需版本。

* 要升级到软件包的最新版本，请在列表中选择它，然后点击 升级 按钮 ( ![升级按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.moveUp.svg))。

* 要卸载软件包，请在列表中选择它并点击 移除 按钮 ( !["移除"按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.remove.svg))。