成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Bower的安裝與基本使用

PrototypeZ / 576人閱讀

摘要：安裝依賴于和，如果要使用它需要先安裝和，因?yàn)榘?，所以只需要安裝即可。安裝配置文件作用類似于，執(zhí)行時(shí)會(huì)依據(jù)這個(gè)配置文件更新庫(kù)配置文件必須，如果需要注冊(cè)包，則該包名唯一。

Bower是什么東西？

一個(gè)前端包管理工具。能夠幫我們管理Web站點(diǎn)上的各種框架，類庫(kù)等等。主要作用有如下：能夠幫助我們跟蹤前端包，并且保證他們是最新（或者是你指定的特定版本），Bower能夠管理前端里面的HTML,CSS,JS，甚至還可以是圖片。Bower還有一個(gè)最大的好處，它對(duì)我們前端進(jìn)行了優(yōu)化。如果多個(gè)包依賴于一個(gè)包，例如jQuery，那么Bower將只下載jQuery一次，這樣就稱為扁平依賴，它有助于減少頁(yè)面加載。

簡(jiǎn)言之就是用于搜索、安裝和卸載如JavaScript、HTML、CSS之類的網(wǎng)絡(luò)資源。

安裝

bower依賴于node.js和npm，如果要使用它需要先安裝node.js和npm，因?yàn)閚ode.js包含npm，所以只需要安裝node.js即可。

1.Node安裝（若已安裝可跳過）：

Windows 安裝包(.msi)
32 位安裝包下載地址 : https://nodejs.org/dist/v4.4....
64 位安裝包下載地址 : https://nodejs.org/dist/v4.4....

CentOS安裝：

獲取源碼，解壓，編譯安裝，配置變量修改權(quán)限,編譯文件，檢查版本
cd /usr/local/src/
wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz
tar zxvf node-v0.10.24.tar.gz
cd node-v0.10.24
./configure --prefix=/usr/local/node/0.10.24
make
make install
vim /etc/profile
設(shè)置nodejs環(huán)境變量，在 export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE HISTCONTROL 一行的上面添加如下內(nèi)容:
#set for nodejs
export NODE_HOME=/usr/local/node/0.10.24
export PATH=$NODE_HOME/bin:$PATH

//重編譯生效
source /etc/profile
//檢查是否安裝成功
node -v
2.Bower安裝：

npm install bower –g

初始化

bower init

安裝、更新、卸載依賴包

bower install
如：bower install jQuery#1.2

bower update
bower unstall

清理緩存

bower cache clean

查詢

bower search 包名

注冊(cè)包

先去github上面建立一個(gè)庫(kù)（項(xiàng)目）（公有，私有都行）或者其他，只要能讓bower.com能訪問到地址應(yīng)該都可以。
比如建立了一個(gè)叫做angualr-demo的庫(kù)，然后加入bower init來管理這個(gè)庫(kù)。

bower install ngDemo 安裝

Bower配置文件(bower.json)

作用類似于composer.json，執(zhí)行bower install時(shí)會(huì)依據(jù)這個(gè)配置文件更新庫(kù)

bower.json配置文件
{
"name":"",              //必須，如果需要注冊(cè)包，則該包名唯一。
"description":"",       //可選，包描述
"main":[],              //可選，入口文件，bower本身不使用，供第三方構(gòu)建工具會(huì)使用
//每種文件類型只能有一個(gè)。
"ignore":[],            //可選，文件或目錄列表。bower安裝的時(shí)候?qū)⒑雎栽摿斜碇械奈募?//bower是從git倉(cāng)庫(kù)或壓縮包下載一個(gè)包，里面的文件并不一定全部需要。
"dependencies":[],      //依賴包，name:value，value可以是包的semver       
//range(版本號(hào)范圍)，也可以直接是一個(gè)包的git地址或壓縮包地址。
"devDependencies":[],   //開發(fā)依賴包，僅僅在開發(fā)過程中測(cè)試或者編譯文檔用，部署生產(chǎn)環(huán)境是不需要。
//格式和dependencies 相同
"resolutions":[],       //包引用沖突自動(dòng)使用該模塊指定的包版本
//格式和dependencies 相同
"overrides" :[          //這個(gè)也很關(guān)鍵，可以覆蓋一個(gè)包中的默認(rèn)設(shè)置，比如main里面設(shè)定的入口文件
"package-name":{    //這樣可以根據(jù)需要，讓第三方工具只打包需要的文件。
"main":[]
        }
    ],                     
"moduleType":"",        //可選，指定包采用那種模塊化方式(globals,amd,node,es6,yui)
"private":Boolean,      //是否公開發(fā)布當(dāng)前包,如果只是使用bower來管理項(xiàng)目的包，設(shè)置為true.
"license":"",           //授權(quán)方式(GPL-3.0,CC-BY-4.0.....)
"keywords":[],          //可選，方便注冊(cè)后容易被其他人搜索到。
"authors":[],           //作者列表
"homepage":[],          //主頁(yè)，包介紹頁(yè)
"repository":{          //包所在倉(cāng)庫(kù)。
"type": "git",
"url": "git://github.com/foo/bar.git"
    },
｝
.bowerrc

.bowerrc文件是用來配置bower本身的一些默認(rèn)配置的

如，bower install 安裝，默認(rèn)會(huì)安裝到當(dāng)前目錄下，要修改該安裝位置，則需要編輯.bowerrc文件

新建.bowerrc文件
{
    "directory":"public/bower_components"
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/28952.html

相關(guān)文章

  • Bower的安裝與基本使用

    摘要：安裝依賴于和，如果要使用它需要先安裝和，因?yàn)榘灾恍枰惭b即可。安裝配置文件作用類似于，執(zhí)行時(shí)會(huì)依據(jù)這個(gè)配置文件更新庫(kù)配置文件必須，如果需要注冊(cè)包，則該包名唯一。 Bower是什么東西？ 一個(gè)前端包管理工具。能夠幫我們管理Web站點(diǎn)上的各種框架，類庫(kù)等等。主要作用有如下：能夠幫助我們跟蹤前端包，并且保證他們是最新（或者是你指定的特定版本），Bower能夠管理前端里面的HTML,C...

    livem 評(píng)論0 收藏0

  • 前端webpack workflow（二）——Webpack基本使用

    摘要：還可以用作文件加載使用，詳細(xì)請(qǐng)看。實(shí)用命令除了簡(jiǎn)單運(yùn)行，還可以添加幾個(gè)參數(shù)，方便部署文件處理。以上僅僅介紹了前端開發(fā)最基本的用法，更多參數(shù)以及功能使用，參考官網(wǎng) 作者：Jogis原文鏈接：https://github.com/yesvods/Blog/issues/3轉(zhuǎn)載請(qǐng)注明原文鏈接以及作者信息 showImg(http://itanguo.cn/wp-content/uploads...

    roadtogeek 評(píng)論0 收藏0

  • 前端webpack workflow（二）——Webpack基本使用

    摘要：還可以用作文件加載使用，詳細(xì)請(qǐng)看。實(shí)用命令除了簡(jiǎn)單運(yùn)行，還可以添加幾個(gè)參數(shù)，方便部署文件處理。以上僅僅介紹了前端開發(fā)最基本的用法，更多參數(shù)以及功能使用，參考官網(wǎng) 作者：Jogis原文鏈接：https://github.com/yesvods/Blog/issues/3轉(zhuǎn)載請(qǐng)注明原文鏈接以及作者信息 showImg(http://itanguo.cn/wp-content/uploads...

    LeexMuller 評(píng)論0 收藏0

  • 前端webpack workflow（二）——Webpack基本使用

    摘要：還可以用作文件加載使用，詳細(xì)請(qǐng)看。實(shí)用命令除了簡(jiǎn)單運(yùn)行，還可以添加幾個(gè)參數(shù)，方便部署文件處理。以上僅僅介紹了前端開發(fā)最基本的用法，更多參數(shù)以及功能使用，參考官網(wǎng) 作者：Jogis原文鏈接：https://github.com/yesvods/Blog/issues/3轉(zhuǎn)載請(qǐng)注明原文鏈接以及作者信息 showImg(http://itanguo.cn/wp-content/uploads...

    KevinYan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<