使用vue-webpack-simple模板

開發步驟
一、下載node
二、下載webpack
npm install webpack -g
三、安裝腳手架
npm install vue-cli -g
四、根據模板建立項目
simple 徹底沒用
webpack-simple 用他
webpack 有校驗
browserify-simple
browserify

找到文件夾目錄下右鍵運行Git Bash Here
vue init <模板的名稱> 項目名稱（不用中文）
vue init webpack-simple[#1.0] webpack-simple-demo

項目名稱
項目描述
做者
是否用sass
五、cd 項目名稱
進入項目文件夾
文件樹結構以下：
├─.babelrc // babel配置文件
├─.gitignore
├─index.html // 主頁
├─package.json // 項目配置文件
├─README.md
├─webpack.config.js // webpack配置文件
├─dist // 發佈目錄
│ ├─.gitkeep
├─src // 開發目錄
│ ├─App.vue // App.vue組件
│ ├─main.js // 預編譯入口
六、安裝項目依賴
npm install
七、安裝路由和交互
npm install vue-router vue-resource --save
八、啓動項目
npm run dev
注意：和browserify不一樣的是，執行npm run dev命令後並不會在dist目錄下生成build.js文件，開發環境下build.js是在運行內存中的（網頁f12中的source下）。
九、發佈
npm run build