阅读(1807) (10)

IntelliJ IDEA中Bower的使用

2018-09-17 10:23:35 更新

在开始之前,请确保您的计算机上有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

  1. 打开嵌入式终端(查看|工具窗口|终端或Alt+F12)。
  2. 在命令提示符下键入:
    cd <your project folder>
    bower init
  3. 回答问题以指定以下基本设置:
    • 要使用的测试框架。
    • 要自动捕获的浏览器。
    • 定义测试文件在测试或排除时所涉及的位置的模式。

在WebStorm中配置Bower

  1. 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“语言和框架”下的“JavaScript ” ,然后单击“Bower”。将打开Bower页面。
  2. 指定要使用的Node.js解释器。这可能是一个本地Node.js的解释或适用于Linux在Windows子系统上的Node.js。
  3. 指定Bower包的位置和bower.json配置文件。

管理Bower包

Bower仅将软件包安装为项目依赖项或开发依赖项,请从Bower官方网站了解更多信息。您可以在Bower页面或Terminal工具窗口中管理Bower软件包。

在终端中安装软件包

  1. 打开嵌入式终端(查看|工具窗口|终端,或使用Alt+F12)。
  2. 在命令提示符处,键入:bower install --save <package_name>,或:bower install --save-dev <package_name>,将程序包安装为项目依赖项或开发依赖项。

在Bower页面上处理包

  1. 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“语言和框架”下的“JavaScript” ,然后单击“Bower”。
  2. 在打开的Bower页面上,Packages区域显示项目中当前安装的所有Bower软件包。
    • 要安装软件包,请单击图标一般添加,然后在打开的“可用软件包”对话框中,选择所需的软件包,然后单击“安装软件包”。
    • 要升级到软件包的最新版本,请在列表中选择它,然后单击图标动作了
    • 要卸载程序包,请在列表中选择它,然后单击数据库openapi图标removeRow