Bower
Bower 是一个用于客户端库和组件的包管理器,这些库和组件包含 HTML、CSS、JavaScript、字体、图像文件等内容。 您可以在 WebStorm 中通过专用的 Bower 页面 页面或内置 terminal 中的命令行来安装、定位、升级和移除 Bower 包。
准备工作
在 设置 | 插件 页签中的 插件市场 标签页上安装并启用 Bower 插件,具体操作请参阅 从 JetBrains Marketplace 安装插件。
请确保您的计算机上已安装 Node.js。
安装并配置 Bower
安装 Bower
在嵌入式 终端 (Alt+F12 )中键入:
npm install -g bower
创建 bower.json
在嵌入式 终端 (Alt+F12 )中键入:
cd <your project folder>bower init回答以下问题以指定基本设置:
要使用的测试框架。
自动捕获的浏览器。
定义要参与测试或排除在测试之外的测试文件位置的模式。
请参阅 Bower 官网 获取更多信息。
在 WebStorm 中配置 Bower
按 Ctrl+Alt+S 打开设置,然后选择 。
指定 Bower 包的位置以及 bower.json 配置文件的位置。
管理 Bower 包
Bower 仅将包安装为 项目依赖项 或 开发依赖项 ,详细信息请参阅 Bower 官网。 您可以在 Bower 页面或 终端 工具窗口中管理 Bower 包。
在嵌入式 终端 (Alt+F12 )中键入以下命令之一:
bower install --save <package_name>以将包安装为项目依赖项。bower install --save-dev <package_name>以将包安装为开发依赖项。
按 Ctrl+Alt+S 打开设置,然后选择 。
在 Bower 页面上, 包 区域会显示项目中当前已安装的所有 Bower 包。
要安装包,请单击
,在打开的 可用软件包 对话框中,选择所需包并点击 安装包。
要升级到包的最新版本,请在列表中选择该包并点击 升级 按钮(
)。
要卸载包,请在列表中选择该包并点击 移除 按钮(
)。