WebStorm 2025.2 Help

Bower

Bower 是一个用于客户端库和组件的包管理器,这些库和组件包含 HTML、CSS、JavaScript、字体、图像文件等内容。 您可以在 WebStorm 中通过专用的 Bower 页面 页面或内置 terminal 中的命令行来安装、定位、升级和移除 Bower 包。

准备工作

  1. 设置 | 插件 页签中的 插件市场 标签页上安装并启用 Bower 插件,具体操作请参阅 从 JetBrains Marketplace 安装插件

  2. 请确保您的计算机上已安装 Node.js

安装并配置 Bower

安装 Bower

  • 在嵌入式 终端Alt+F12 )中键入:

    npm install -g bower

创建 bower.json

  1. 在嵌入式 终端Alt+F12 )中键入:

    cd <your project folder>
    bower init
  2. 回答以下问题以指定基本设置:

    • 要使用的测试框架。

    • 自动捕获的浏览器。

    • 定义要参与测试或排除在测试之外的测试文件位置的模式。

    请参阅 Bower 官网 获取更多信息。

在 WebStorm 中配置 Bower

  1. Ctrl+Alt+S 打开设置,然后选择 语言与框架 | JavaScript | Bower

  2. 指定 Bower 包的位置以及 bower.json 配置文件的位置。

管理 Bower 包

Bower 仅将包安装为 项目依赖项开发依赖项 ,详细信息请参阅 Bower 官网。 您可以在 Bower 页面或 终端 工具窗口中管理 Bower 包。

  • 在嵌入式 终端Alt+F12 )中键入以下命令之一:

    • bower install&#xa0;--save <package_name> 以将包安装为项目依赖项。

    • bower install&#xa0;--save-dev <package_name> 以将包安装为开发依赖项。

  • Ctrl+Alt+S 打开设置,然后选择 语言与框架 | JavaScript | Bower

    Bower 页面上, 区域会显示项目中当前已安装的所有 Bower 包。

    • 要安装包,请单击 添加按钮 ,在打开的 可用软件包 对话框中,选择所需包并点击 安装包

    • 要升级到包的最新版本,请在列表中选择该包并点击 升级 按钮(升级按钮)。

    • 要卸载包,请在列表中选择该包并点击 移除 按钮(移除按钮)。

最后修改日期: 2025年 9月 26日