IntelliJ IDEA中Bower的使用
在开始之前,请确保您的计算机上有Node.js.
IntelliJ IDEA与Bower软件包管理器(Bower Package Manager)集成,这样您就可以在不离开IDE的情况下安装、定位、升级和删除包含HTML、CSS、JavaScript、字体、图像文件等的客户端库和组件。"Bower"页提供了用于管理包的专用UI。当然, 您也可以在内置终端的命令行中执行此操作。
安装和配置Bower
安装Bower
- 打开内置的IntelliJ IDEA终端(Alt+F12),并在命令提示符下键入:npm install -g bower。
创建bower.json
- 打开嵌入式终端(查看|工具窗口|终端或Alt+F12)。
- 在命令提示符下键入:
cd <your project folder> bower init
- 回答问题以指定以下基本设置:
- 要使用的测试框架。
- 要自动捕获的浏览器。
- 定义测试文件在测试或排除时所涉及的位置的模式。
在WebStorm中配置Bower
- 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“语言和框架”下的“JavaScript ” ,然后单击“Bower”。将打开Bower页面。
- 指定要使用的Node.js解释器。这可能是一个本地Node.js的解释或适用于Linux在Windows子系统上的Node.js。
- 指定Bower包的位置和bower.json配置文件。
管理Bower包
Bower仅将软件包安装为项目依赖项或开发依赖项,请从Bower官方网站了解更多信息。您可以在Bower页面或Terminal工具窗口中管理Bower软件包。
在终端中安装软件包
- 打开嵌入式终端(查看|工具窗口|终端,或使用Alt+F12)。
- 在命令提示符处,键入:bower install --save <package_name>,或:bower install --save-dev <package_name>,将程序包安装为项目依赖项或开发依赖项。
在Bower页面上处理包
- 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“语言和框架”下的“JavaScript” ,然后单击“Bower”。
- 在打开的Bower页面上,Packages区域显示项目中当前安装的所有Bower软件包。
- 要安装软件包,请单击,然后在打开的“可用软件包”对话框中,选择所需的软件包,然后单击“安装软件包”。
- 要升级到软件包的最新版本,请在列表中选择它,然后单击。
- 要卸载程序包,请在列表中选择它,然后单击。