npm、cnpm、bower安裝區別


 

簡單地說,就是幫你下載好你需要的css或者js庫,而且三者功能也都是一樣的。那為什么要下載這3個不同的呢?據說npm容易被牆……而cnpm是淘寶的鏡像,所以通常用cnpm代替npm。至於bower,是因為bower更多地用於前端開發。但是因為它也是依賴於npm的,所以沒有npm,就沒法載bower……不知道說了那么多你懂了沒,但是這不重要~你所需要做的就是分別安裝這3個,然后將bower為己所用。

安裝npm

前往nodejs官網下載nodejs,https://nodejs.org/en/ ,建議下載穩定版的,下載后無腦安裝即可~~ 
安裝完畢之后,在cmd中輸入node -v查看是否已經安裝成功 

如果有版本號顯示,則代表安裝成功!!!

接下來我們嘗試輸入npm -v 

 


竟然也有版本號!?其實,nodejs自帶npm,所以我們不需要額外安裝就可以了。 
接下來,我們需要配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下建立“node_global”及“node_cache”兩個文件夾。我們就在cmd中鍵入兩行命令:

npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"

 

下面這一步非常關鍵,我們需要設置系統變量。進入我的電腦→屬性→高級→環境變量。在系統變量下新建“NODE_PATH”,輸入“D:\Program Files\nodejs\node_global\node_modules”

安裝cnpm

鏡像使用方法(三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在):

1.通過config命令

npm config set registry https://registry.npm.taobao.org  npm info underscore (如果上面配置正確這個命令會有字符串response

2.命令行指定

需要詳細了解cnpm的朋友請前往官網https://npm.taobao.org/ 查看 
在cmd中輸入npm install -g cnpm –registry=https://registry.npm.taobao.org 即可將npm指向國內鏡像源,之后輸入cnpm -v 

如果出現警告更換這條命令:npm --registry=https://registry.npm.taobao.org install cnpm -g 




 


 
接下來我們就可以用cnpm代替npm了

安裝模塊

cnpm install [name]

 cnpm install
 cnpm run dev

 

3.編輯 ~/.npmrc 加入下面內容

registry = https://registry.npm.taobao.org

 


安裝bower

在cmd中輸入cnpm install bower -g即可開始安裝bower至剛剛您所指定的node_global,同樣地,在安裝完畢后輸入bower -v 
這里寫圖片描述 

bower info vue

vue init webpack-simple#1.0 vue-webpack-simple-demo2

原文參考http://blog.csdn.net/qq_21565131/article/details/52275935


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM