一、 安裝 node.js
安裝完成后，可以命令行工具中輸入 node -v 和 npm -v，如果能顯示出版本號，就說明安裝成功。
二、安裝webpack
npm install webpack -g
安裝完成后使用webpack -v，如果出現相應的版本號，則說明安裝成功。
三、安裝 vue-cli
npm install -g vue-cli
安裝完成后，可以使用 vue -V （注意 V 大寫）查看是否安裝成功。
如果提示“無法識別 'vue' ” ，有可能是 npm 版本過低，可以使用 npm install -g npm 來更新版本
四、使用vue-cli來構建項目
1、在硬盤中找一個放項目的文件夾
2、在文件夾下打開命令盤，輸入命令
Vue-Project是我們自己設置的項目名稱，項目名稱不能用中文
vue init webpack Vue-Project
3、進入項目工程目錄
4、安裝項目所需依賴 npm install
5、安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource
npm install vue-router vue-resource --save
創建完成的項目目錄，如下圖
各個目錄的作用
最后一步啟動項目
npm run dev
啟動成功，打開瀏覽器8080窗口，頁面如圖所示
參考網址 ： https://www.jianshu.com/p/1626b8643676