IntelliJ IDEA中Bower的使用

在開始之前，請確保您的計算機上有Node.js.

IntelliJ IDEA與Bower軟件包管理器（Bower Package Manager）集成，這樣您就可以在不離開IDE的情況下安裝、定位、升級和刪除包含HTML、CSS、JavaScript、字體、圖像文件等的客戶端庫和組件。"Bower"頁提供了用于管理包的專用UI。當然, 您也可以在內置終端的命令行中執(zhí)行此操作。

安裝和配置Bower

安裝Bower

• 打開內置的IntelliJ IDEA終端（Alt+F12），并在命令提示符下鍵入：npm install -g bower。

創(chuàng)建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子系統(tǒng)上的Node.js。
3. 指定Bower包的位置和bower.json配置文件。

管理Bower包

Bower僅將軟件包安裝為項目依賴項或開發(fā)依賴項，請從Bower官方網站了解更多信息。您可以在Bower頁面或Terminal工具窗口中管理Bower軟件包。

在終端中安裝軟件包

1. 打開嵌入式終端（查看|工具窗口|終端，或使用Alt+F12）。
2. 在命令提示符處，鍵入：bower install --save <package_name>，或：bower install --save-dev <package_name>，將程序包安裝為項目依賴項或開發(fā)依賴項。

在Bower頁面上處理包

1. 在“設置/首選項”對話框（Ctrl+Alt+S）中，單擊“語言和框架”下的“JavaScript” ，然后單擊“Bower”。
2. 在打開的Bower頁面上，Packages區(qū)域顯示項目中當前安裝的所有Bower軟件包。
   • 要安裝軟件包，請單擊，然后在打開的“可用軟件包”對話框中，選擇所需的軟件包，然后單擊“安裝軟件包”。
   • 要升級到軟件包的最新版本，請在列表中選擇它，然后單擊。
   • 要卸載程序包，請在列表中選擇它，然后單擊。