codecamp

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

  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
IntelliJ IDEA与AngularJS框架集成
IntelliJ IDEA:配置JavaScript库
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }