1.依賴node所以先安裝node,可從官網下載安裝,安裝一直下一步最後選安裝目錄
2.win+r輸入cmd運行,先輸入node -v和npm -v查看node安裝是否正常(我這裏node是10.5.0 npm是6.1.0)
3.安裝vue,npm安裝過慢且成功率較低,建議使用cnpm安裝
3.1 npm安裝方法,npm install vue(安裝成功請到第4步)
3.2 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.3 安裝時報npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
這是一個警告不要在這上面浪費時間
3.4 輸入cnpm -v查看出版本號請到第4步,報cnpm不是內部命令也不是外部命令看下一步
3.5 找到npm目錄 比如我的在E:\node\node_cache\node_modules下面
搜索cnpm目錄 把cnpm和npm放在一個目錄下面
在上一級E:\node\node_cache 裏面有npm和npm.cmd
搜索cnpm.cmd 把cnpm和cnpm.cmd放在E:\node\node_cache裏
3.6 在輸入cnpm -v出現版本號
3.7 安裝vue cnpm install vue
4. 安裝vue-cli
cnpm install -g vue-cli
5. 進入要創建工作空間的目錄,我要創建在E盤下
cd E:
vue init webpack vue (後面vue爲自定義項目名稱)
5.1 如果報vue不是內部命令或外部命令
搜索vue.cmd 將路徑加入Path用戶環境變量中(不建議加入系統環境變量)。如我的路徑 是E:\node\node_cache
重新運行vue-cli cnpm install -g vue-cli
5.2 出現亂碼是配置信息,直接回車
6. 出現下圖運行提示將自動安裝所需的包
cd vue
npm run dev
7. 出現下圖,恭喜安裝成功,瀏覽器輸入http://localhost:8080可查看當前項目