1. 程式人生 > >bower-web包管理器(依賴外掛管理)

bower-web包管理器(依賴外掛管理)

基於Nodejs的web專案依賴管理工具

用於管理專案開發過程中需要的類似jquery,bootstrap,swiper等外掛的管理工具。

安裝bower到全域性

npm install -g bower

安裝Bower模組到全域性。

bower -v

安裝成功後可以輸出bower的版本號

使用方法

mkdir test-bower
cd test-bower

安裝jquery和bootstrap

bower install jquey

使用Bower安裝依賴的時候會有額能出現兩個坑(我碰到的):
1.permission denied
在home/$user/.config/configstore/bower-git.json這個檔案沒有許可權。
sudo su
切換root使用者給予777許可權
2.error code #128
需要科學上網即可。(反正我開了代理就沒問題了)

bower cache clean
git config --global url."https://".insteadOf git://

安裝成功後,會看到在目錄下生成了一個bower_components的資料夾,裡面有一個資料夾jquery就是我們剛剛執行命令下載下來的了,等等再來看細節。

接著安裝bootstrap

bower install bootstrap

執行完以後開啟生成的bower_components資料夾,裡面有兩個資料夾jquery和bootstrap。

通過bower.json安裝

bower有和npm類似的配置檔案,bower.json,可以在裡面配置需要安裝的所有依賴,所有的操作都和npm的package.json類似。

bower init

如果這個專案資料夾下已經使用bower安裝了依賴,那麼在之後init的bower.json就會包含這些已經安裝的依賴。
而之後安裝的依賴

bower install jquery --save

可以使用–save的方式新增到bower.json中去。
在部署專案到伺服器的時候,只需要使用新增好依賴屬性的bower.json,執行:

bower install

就可以把需要的依賴自動下載了。

未完待續~