第一 下載node
網址https://nodejs.org/en/
安裝過程基本直接“NEXT”就可以了。
安裝完成之后,我們先檢測下NodeJS是否安裝成功,cmd命令行中鍵入:
node -v
若出現版本提示,就說明安裝成功了
npm的安裝。由于新版的NodeJS已經集成了npm,所以之前npm也一并安裝好了。同樣可以使用cmd命令行中鍵入:
node -v
同樣,若出現版本提示,就說明安裝成功了
第二 對于windows用戶,還需要裝msysgit
在官網中下載即可
第三 全局安裝 bower
npm install -g bower
全局安裝bower 后,可以查看Bower的幫助信息和版本信息,使用命令:
bower help
版本信息
bower --v
第四 初始化當前工程的bower
此操作會在當前目錄下生成bower.json文件:
bower init
第五 bower的使用
使用了bower的項目都會在目錄下有一個bower.json文件。在該文件同級目錄下,使用如下命令即可安裝相關依賴庫。
bower install
注:bower下載安裝依賴庫實際上是使用git進行下載。對于linux系統,由于默認都有安裝git,所以一般沒問題。但是windows系統一般沒有git。在windows系統下需要確定安裝了git客戶端,建議使用同捆的git bash命令行來執行bower install命令。或者把git目錄加入windows的環境變量中,再在命令行中執行bower install命令。
第六 使用bower
安裝某個特定類庫,例如jquery
bower install jquery --save
更新:使用bower更新某個特定類庫,例如jquery:
bower update jquery
刪除:例如jquery (如果包已經被依賴,則不能刪除)
bower uninstall jquery
試著在項目文件夾下,下載jquery
bower install jquery --save
然后就可以看到項目文件夾下多了bower_components(默認目錄),就是jquery插件包了
初步這樣也就行了,但是/bower_components這個目錄有點讓人不習慣,我想把東西下載到我習慣的目錄里。需要加一個.bowerrc文件。注意,不需要名字什么的,只要新增一個.bowerrc就行了。
第七 用cmd命令創建.bowerrc文件文件
如下
type null >.bowerrc
第八、.bowerrc配置
{
"directory" : "js/feng",
"json" : "",
"endpoint" : "",
"searchpath" : "",
"shorthand_resolver" : ""
}
第九、同樣的cmd命令再執行一遍,這次可以看到文件下載到js/feng中了。
原博客地址:https://blog.csdn.net/ahaha413525642/article/details/77622833d