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不是內部命令的問題
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,顯示如下提示便可表明安裝成功