window下安裝nodejs,npm,cnpm,bower 以及vue

1.安裝nodejsvue

前往nodejs官網下載nodejs,https://nodejs.org/en/,最好下載穩定版,安裝的時候一直next便可node

安裝完畢後,在cmd輸入node-v查看時候安裝成功vue-cli

若是出現版本號,即表明安裝成功npm

2.安裝npmspa

在cmd輸入npm -vblog

能夠看到,nodejs自帶npm,因此不須要額外安裝了bower

3.配置npm的全局模塊的存放路徑已經cache的路徑,get

若是我但願將這兩個文件放在nodejs的主目錄下,便在nodejs下創建「node_global」以及"node-cache"兩個文件夾,cmd

咱們能夠在cmd輸入這兩行命令class

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

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

4.設置系統變量(這一步很關鍵)

進入個人電腦-->屬性-->高級-->環境變量

在系統變量中件「NODE_PATH」,輸入:「C:\Program Files\nodejs\node_modules」

5.安裝cnpm

詳細瞭解cnpm請參考:https://npm.taobao.org/

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

安裝成功後,輸入cnpm -v

若是出現如下代碼便可表明安裝成功

解決cnpm不是內部命令的問題

cmd命令下cnpm顯示不是內部命令,其實走了那麼多彎路,就是由於將其文件的在--二、設置global和cache路徑中改變了

npm所在目錄C:\Program Files\nodejs   和D:\Program Files\nodejs\node_modules\npm

cnpm所在目錄C:\Program Files\nodejs\node_cache和D:\Program Files\nodejs\node_global\node_modules\cnpm

因此在設置一下環境變量就能夠解決問題的,一直搞不明白,系統文件:

添加cnpm的安裝目錄就能夠了

接下來能夠使用cnpm代替npm了

6.安裝bower

在 cmd中輸入cnpm install bower -g便可安裝bower至剛剛制定的node_global,一樣地在安裝完後輸入 bower -v

這樣就能使用bower來管理包了

7.安裝vue

安裝vue-cli

在cmd 輸入 cnpm install -g vue-cli

安裝完後檢測時候安裝成功,輸入vue,顯示如下提示便可表明安裝成功

相關文章
相關標籤/搜索