1、如果你已經全局安裝了舊版本的 vue-cli(1.x 或 2.x)，你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。
查看當前vue版本方法：命令行輸入vue -V（V為大寫）
2、確保系統上面已安裝node.js,如果沒有安裝則需要先安裝node.js
檢查方法：命令行輸入：node -v
3、安裝node.js包管理工具的淘寶鏡像（非常重要，博主之前安裝失敗就是因為沒有用淘寶鏡像）
安裝方法：命令工具輸入npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝淘寶鏡像后后面進行安裝新的包或其他其他操作就適用cnpm代替npm了。
檢差鏡像是否安裝成功的方法：命令行輸入：cnpm -v
4、全局安裝webpack
命令行輸入：cnpm install webpack -g。
使用webpack -v查看版本
如果webpack版本4以上，需要安裝webpack-cli 依賴
命令行輸入：cnpm install webpack webpack-cli -g
5、安裝vue-cli
命令行輸入：cnpm install vue-cli -g
運行完畢后再次輸入vue -V檢查vue-cli是否安裝成功
6、上面步驟安裝完后，就可以利用vue-cli初始化vue項目
在你想要安裝項目的而目錄下輸入vue init webpack projectname（projectname是你項目的名稱），
Project name:——項目名稱
Project description:——項目描述
Author:——作者
Vue build:——構建模式，一般默認選擇第一種
Install vue-router?:——是否安裝引入vue-router，這里選是，vue-router是路由組件,后面構建項目會用到
Use ESLint to lint your code?:——這里強烈建議選no 否則你會非常痛苦，eslint的格式驗證非常嚴格，多一個空格少一個空格都會報錯，所以對於新手來說，一般不建議開啟，會加大開發難度
Setup unit tests with Karma + Mocha 以及Setup e2e tests with Nightwatch這兩個是測試，可以不用安裝
如下圖：
7、選擇上一張圖片的NO,I will handle that myself
然后輸入cd projectname(你項目名稱)
然后再輸入cnpm install
8、輸入cnpm run dev
最后在網址打開http://127.0.0.1:8080/如下圖
