什么是npm、cnpm、bower?
創(chuàng)新互聯(lián)是一家專業(yè)提供資陽企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為資陽眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。
簡單地說,就是幫你下載好你需要的css或者js庫,而且三者功能也都是一樣的。那為什么要下載這3個不同的呢?據(jù)說npm容易被墻……而cnpm是淘寶的鏡像,所以通常用cnpm代替npm。至于bower,是因為bower更多地用于前端開發(fā)。但是因為它也是依賴于npm的,所以沒有npm,就沒法載bower……不知道說了那么多你懂了沒,但是這不重要~你所需要做的就是分別安裝這3個,然后將bower為己所用。
安裝npm:
前往nodejs官網(wǎng)下載nodejs,https://nodejs.org/en/ ,建議下載穩(wěn)定版的,下載后無腦安裝即可~~
安裝完畢之后,在cmd中輸入node -v查看是否已經(jīng)安裝成功,如果有版本號顯示,則代表安裝成功?。?!
接下來我們嘗試輸入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"
下面這一步非常關(guān)鍵,我們需要設(shè)置系統(tǒng)變量。進入我的電腦→屬性→高級→環(huán)境變量。在系統(tǒng)變量下新建“NODE_PATH”,輸入“D:\Program Files\nodejs\node_global\node_modules”
安裝cnpm:
需要詳細了解cnpm的朋友請前往官網(wǎng)https://npm.taobao.org/ 查看
在cmd中輸入:
npm install cnpm -g --registry=https://registry.npm.taobao.org
使用cnpm最好設(shè)置全局環(huán)境變量,接下來我們就可以用cnpm代替npm了。
安裝bower:
在cmd中輸入cnpm install bower -g即可開始安裝bower至剛剛您所指定的node_global,同樣地,在安裝完畢后輸入bower -v 之后就可以愉快地使用bower來管理包拉~~