【轉(zhuǎn)】windows環(huán)境下安裝npm、cnpm、bower

http://blog.csdn.net/qq_21565131/article/details/52275935

什么是npm、cnpm、bower?

簡(jiǎn)單地說(shuō),就是幫你下載好你需要的css或者js庫(kù),而且三者功能也都是一樣的。那為什么要下載這3個(gè)不同的呢?據(jù)說(shuō)npm容易被墻……而cnpm是淘寶的鏡像,所以通常用cnpm代替npm。至于bower,是因?yàn)閎ower更多地用于前端開(kāi)發(fā)。但是因?yàn)樗彩且蕾?lài)于npm的,所以沒(méi)有npm,就沒(méi)法載bower……不知道說(shuō)了那么多你懂了沒(méi),但是這不重要~你所需要做的就是分別安裝這3個(gè),然后將bower為己所用。

安裝npm

前往nodejs官網(wǎng)下載nodejs,https://nodejs.org/en/

,建議下載穩(wěn)定版的,下載后無(wú)腦安裝即可~~

安裝完畢之后,在cmd中輸入node -v查看是否已經(jīng)安裝成功

[圖片上傳中...(image-ea80fa-1513909488089-3)]

如果有版本號(hào)顯示,則代表安裝成功?。?!

接下來(lái)我們嘗試輸入npm -v

[圖片上傳失敗...(image-e74fd3-1513909488089)]

竟然也有版本號(hào)?。科鋵?shí),nodejs自帶npm,所以我們不需要額外安裝就可以了。

接下來(lái),我們需要配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個(gè)文件夾放在NodeJS的主目錄下,便在NodeJs下建立“node_global”及“node_cache”兩個(gè)文件夾。我們就在cmd中鍵入兩行命令:

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

下面這一步非常關(guān)鍵,我們需要設(shè)置系統(tǒng)變量。進(jìn)入我的電腦→屬性→高級(jí)→環(huán)境變量。在系統(tǒng)變量下新建“NODE_PATH”,輸入“D:\Program Files\nodejs\node_global\node_modules”

安裝cnpm

需要詳細(xì)了解cnpm的朋友請(qǐng)前往官網(wǎng)https://npm.taobao.org/

查看

在cmd中輸入npm install -g cnpm –registry=https://registry.npm.taobao.org

即可將npm指向國(guó)內(nèi)鏡像源,之后輸入cnpm -v

[圖片上傳中...(image-8b88b3-1513909488088-1)]

接下來(lái)我們就可以用cnpm代替npm了


安裝bower

在cmd中輸入cnpm install bower -g即可開(kāi)始安裝bower至剛剛您所指定的node_global,同樣地,在安裝完畢后輸入bower -v

這里寫(xiě)圖片描述

之后就可以愉快地使用bower來(lái)管理包拉~~

什么是npm、cnpm、bower?

簡(jiǎn)單地說(shuō),就是幫你下載好你需要的css或者js庫(kù),而且三者功能也都是一樣的。那為什么要下載這3個(gè)不同的呢?據(jù)說(shuō)npm容易被墻……而cnpm是淘寶的鏡像,所以通常用cnpm代替npm。至于bower,是因?yàn)閎ower更多地用于前端開(kāi)發(fā)。但是因?yàn)樗彩且蕾?lài)于npm的,所以沒(méi)有npm,就沒(méi)法載bower……不知道說(shuō)了那么多你懂了沒(méi),但是這不重要~你所需要做的就是分別安裝這3個(gè),然后將bower為己所用。

安裝npm

前往nodejs官網(wǎng)下載nodejs,https://nodejs.org/en/

,建議下載穩(wěn)定版的,下載后無(wú)腦安裝即可~~

安裝完畢之后,在cmd中輸入node -v查看是否已經(jīng)安裝成功

[圖片上傳中...(image-ea80fa-1513909488089-3)]

如果有版本號(hào)顯示,則代表安裝成功?。?!

接下來(lái)我們嘗試輸入npm -v

[圖片上傳中...(image-e74fd3-1513909488089-2)]

竟然也有版本號(hào)?。科鋵?shí),nodejs自帶npm,所以我們不需要額外安裝就可以了。

接下來(lái),我們需要配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個(gè)文件夾放在NodeJS的主目錄下,便在NodeJs下建立“node_global”及“node_cache”兩個(gè)文件夾。我們就在cmd中鍵入兩行命令:

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

下面這一步非常關(guān)鍵,我們需要設(shè)置系統(tǒng)變量。進(jìn)入我的電腦→屬性→高級(jí)→環(huán)境變量。在系統(tǒng)變量下新建“NODE_PATH”,輸入“D:\Program Files\nodejs\node_global\node_modules”

安裝cnpm

需要詳細(xì)了解cnpm的朋友請(qǐng)前往官網(wǎng)https://npm.taobao.org/

查看

在cmd中輸入npm install -g cnpm –registry=https://registry.npm.taobao.org

即可將npm指向國(guó)內(nèi)鏡像源,之后輸入cnpm -v

[圖片上傳中...(image-8b88b3-1513909488088-1)]

接下來(lái)我們就可以用cnpm代替npm了


安裝bower

在cmd中輸入cnpm install bower -g即可開(kāi)始安裝bower至剛剛您所指定的node_global,同樣地,在安裝完畢后輸入bower -v

這里寫(xiě)圖片描述

之后就可以愉快地使用bower來(lái)管理包拉~~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容