Bower與Gulp的安裝

一:關(guān)于Bower

Bower可以管理包含HTML,CSS,JavaScript碾牌,字體甚至圖像文件的組件。Bower不會連接或縮小代碼或執(zhí)行任何其他操作 - 只需安裝所需軟件包的正確版本及其依賴關(guān)系半开。

Bower針對前端進(jìn)行了優(yōu)化。如果多個包依賴于一個包 - 例如jQuery - Bower將只下載jQuery一次次兆。這被稱為平面依賴圖,它有助于減少頁面加載锹锰。

因為我現(xiàn)在用的項目芥炭,需要同時安裝這兩個東西,所以把他們放在一起來寫恃慧。

在安裝這兩個之前园蝠,需要安裝git,一般大家會在git環(huán)境下配置痢士,但是我配置過發(fā)現(xiàn)有問題彪薛,所以建議在cmd環(huán)境下配置

二:找到git安裝的文件夾,將cmd與bin的路徑放入到環(huán)境變量PATH中怠蹂;

三:安裝bower

1. 全局安裝 :npm install bower -g

2.bower install

在安裝的中間會出現(xiàn)一個選擇善延,選擇1(這就是為什么我建議大家用cmd安裝,因為Git里不能選擇)

安裝好以后在本地文件夾內(nèi)可以看到生成了一個bower_component文件夾城侧。



四:關(guān)于Gulp

gulp是前端開發(fā)過程中對代碼進(jìn)行構(gòu)建的工具易遣,是自動化項目的構(gòu)建利器;能對網(wǎng)站資源進(jìn)行優(yōu)化嫌佑,而且在開發(fā)過程中很多重復(fù)的任務(wù)能夠使用正確的工具自動完成豆茫,大大提高我們的工作效率侨歉。

gulp是基于Nodejs的自動任務(wù)運行器, 能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試揩魂、檢查幽邓、合并、壓縮火脉、格式化牵舵、瀏覽器自動刷新、部署文件生成忘分,并監(jiān)聽文件在改動后重復(fù)指定的這些步驟棋枕。

gulp 和 grunt 非常類似,但相比于 grunt 的頻繁 IO 操作妒峦,gulp 的流操作重斑,能更快地更便捷地完成構(gòu)建工作。

gulp常用地址:

gulp官方網(wǎng)址:http://gulpjs.com

gulp插件地址:http://gulpjs.com/plugins

gulp 官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.md

五:安裝gulp

1 安裝nodejs:gulp是基于nodejs的肯骇,所以前提是安裝這個窥浪,打開nodejs官網(wǎng),點擊碩大的綠色Download按鈕笛丙,它會根據(jù)系統(tǒng)信息選擇對應(yīng)版本(.msi文件)漾脂。

2? ?npm? insall? ? ?

3? 全局安裝gulp: npm insall gulp -g

4 查看是否安裝成功: gulp -v 出現(xiàn)版本號即安裝成功。



如果在中途出現(xiàn)錯誤胚鸯,那就沒有辦法啦骨稿,請你把npm刪除,重新一步步來吧姜钳,哈哈哈哈坦冠,我搞了好多次才成功的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哥桥,一起剝皮案震驚了整個濱河市辙浑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拟糕,老刑警劉巖判呕,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異送滞,居然都是意外死亡侠草,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門犁嗅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來梦抢,“玉大人,你說我怎么就攤上這事愧哟“路裕” “怎么了哼蛆?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長霞赫。 經(jīng)常有香客問我腮介,道長,這世上最難降的妖魔是什么端衰? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任叠洗,我火速辦了婚禮,結(jié)果婚禮上旅东,老公的妹妹穿的比我還像新娘灭抑。我一直安慰自己,他們只是感情好抵代,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布腾节。 她就那樣靜靜地躺著,像睡著了一般荤牍。 火紅的嫁衣襯著肌膚如雪案腺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天康吵,我揣著相機(jī)與錄音劈榨,去河邊找鬼。 笑死晦嵌,一個胖子當(dāng)著我的面吹牛同辣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播惭载,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼旱函,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了棕兼?” 一聲冷哼從身側(cè)響起陡舅,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤抵乓,失蹤者是張志新(化名)和其女友劉穎伴挚,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體灾炭,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡茎芋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蜈出。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片田弥。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖铡原,靈堂內(nèi)的尸體忽然破棺而出偷厦,到底是詐尸還是另有隱情商叹,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布只泼,位于F島的核電站剖笙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏请唱。R本人自食惡果不足惜弥咪,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望十绑。 院中可真熱鬧聚至,春花似錦、人聲如沸本橙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽勋功。三九已至坦报,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間狂鞋,已是汗流浹背片择。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留骚揍,地道東北人字管。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像信不,于是被迫代替她去往敵國和親嘲叔。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容