一:關(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刪除,重新一步步來吧姜钳,哈哈哈哈坦冠,我搞了好多次才成功的。