PhpStorm 2021.3 Help

鲍尔

Bower是包含 HTML、CSS、JavaScript、字体、图像文件等的客户端库和组件的包管理器。您可以在专用的Bower 页面上或从内置终端的命令行安装、定位、升级和删除 Bower 包,而无需离开 PhpStorm 。

在你开始前

  1. 下载并安装Node.js。

  2. 确保在您的项目中配置了本地 Node.js 解释器:打开Settings/Preferences对话框 ( Ctrl+Alt+S) 并转到Languages and Frameworks | 节点.jsNode Interpreter字段显示默认项目 Node.js 解释器。

    从配置本地 Node.js 解释器了解更多信息。

安装和配置 Bower

安装鲍尔

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

    npm install -g bower

创建 bower.json

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

    cd <你的项目文件夹> bower init
  2. 回答问题以指定以下基本设置:

    • 要使用的测试框架。

    • 要自动捕获的浏览器。

    • 定义要参与测试或从中排除的测试文件的位置的模式。

Bower 官方网站了解更多信息。

在 PhpStorm 中配置 Bower

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Languages and Frameworks | JavaScript | 鲍尔Bower页面打开。

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

管理 Bower 包

Bower 仅将包安装为项目依赖项开发依赖项,详情请访问 Bower 官网您可以在Bower 页面终端工具窗口中管理 Bower 包。

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

    • bower install --save <package_name>将包安装为项目依赖项。

    • bower install --save-dev <package_name>将软件包安装为开发依赖项。

  • Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Languages and Frameworks | JavaScript | 鲍尔

    在打开的Bower 页面上,Packages区域显示当前安装在项目中的所有 Bower 包。

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

    • 要升级到最新版本的软件包,请在列表中选择它并单击升级按钮

    • 要卸载软件包,请在列表中选择它并单击删除按钮

最后修改:2021 年 10 月 13 日