---
# System prepended metadata

title: Bower 使用筆記
tags: [Bower]

---

Bower 使用筆記
===

如果有安裝過 node.js 可以利用 npm 安裝 Bower 輸入
```bash=
npm install -g bower
```
![](https://i.imgur.com/yVvZvpB.png)
安裝完畢，可以用
```bash=
bower -v
```
查詢 bower 的版本號，並確認 bower 是否安裝成功

之後專案有須要，就可以利用 bower 新增 jQuery 套件
```bash=
bower install jquery
```
![](https://i.imgur.com/sQe11JS.png)
jquery 的 js 檔案會在 \bower_components\jquery\dist 目錄內
而 \bower_components\jquery\bower.json 檔案
會記錄目前有安裝的 jquery 的紀錄與版本號
```json=
{
  "name": "jquery",
  "main": "dist/jquery.js",
  "license": "MIT",
  "ignore": [
    "package.json"
  ],
  "keywords": [
    "jquery",
    "javascript",
    "browser",
    "library"
  ]
}
```
不熟悉指令，可以用
```bash=
bower -h
```
來查詢可使用的指令
![](https://i.imgur.com/exWTCgm.png)
常用的有
```bash=
bower list
```
查詢安裝過的套件
![](https://i.imgur.com/KevAkcm.png)

## 快速安裝所有預設套件
首先，建立 bower.json 輸入
```bash=
bower init
```
![](https://i.imgur.com/GCpKpnX.png)
有了這個檔案，只要新增你要的套件名稱後，下指令就能一次安裝所有你須要的套件
假設你須要 jquery 你可以打
```bash=
bower install jquery-validation --save
```
執行完，就可以在 dependencies 內，新增你常用的套件
![](https://i.imgur.com/QSUvCSZ.png)
之後只要帶著 bower.json
並下指令
```bash=
bower install 
```
就可以一次安裝多個套件了
![](https://i.imgur.com/eIX2fhH.png)






## 參考資料
[Bower 基本使用教學](https://github.com/twtrubiks/Bower-Beginners-Guide)

###### tags: `Bower`