什麼是npm、cnpm、bower?css
簡單地說,就是幫你下載好你須要的css或者js庫,並且三者功能也都是同樣的。那爲何要下載這3個不一樣的呢?聽說npm容易被牆……而cnpm是淘寶的鏡像,因此一般用cnpm代替npm。至於bower,是由於bower更多地用於前端開發。可是由於它也是依賴於npm的,因此沒有npm,就無法載bower……不知道說了那麼多你懂了沒,可是這不重要~你所須要作的就是分別安裝這3個,而後將bower爲己所用。前端
安裝npm:node
前往nodejs官網下載nodejs,https://nodejs.org/en/ ,建議下載穩定版的,下載後無腦安裝便可~~
安裝完畢以後,在cmd中輸入node -v查看是否已經安裝成功,若是有版本號顯示,則表明安裝成功!!!npm
接下來咱們嘗試輸入npm -v 居然也有版本號!?其實,nodejs自帶npm,因此咱們不須要額外安裝就能夠了。 接下來,咱們須要配置npm的全局模塊的存放路徑以及cache的路徑,例如我但願將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下創建「node_global」及「node_cache」兩個文件夾。咱們就在cmd中鍵入兩行命令:ide
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」spa
安裝cnpm:orm
須要詳細瞭解cnpm的朋友請前往官網https://npm.taobao.org/ 查看
在cmd中輸入:開發
npm install cnpm -g --registry=https://registry.npm.taobao.org
使用cnpm最好設置全局環境變量,接下來咱們就能夠用cnpm代替npm了。bower
安裝bower:get
在cmd中輸入cnpm install bower -g便可開始安裝bower至剛剛您所指定的node_global,一樣地,在安裝完畢後輸入bower -v 以後就能夠愉快地使用bower來管理包拉~~