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`