寫在前面的話：
本文中的項目名稱用下劃線标出來了，都是自己可以改名的。
一、項目搭建：
1.安裝前：你需要知道怎麼使用指令行（在開始欄輸入：cmd ,看到搜尋結果後點選一下，出現的黑視窗就是啦），然後你還需要先安裝 node（步驟詳解以後更新）
2.安裝 vue-cli步驟如下（如果已經全局安裝了的，這步就可以不要了）
npm install -g vue-cli // 全局安裝
vue // 檢視,這裡會出現一些用法，指令之類的訊息
vue list // 會出現browserify , webpack 模闆相關的訊息 3.初始化模闆，此處我們選擇 webpack作為打包工具：
一般來說，文法是這樣的： vue init 模闆名 項目名稱
執行個體：
vue init webpack sell //預設為2.0了
vue init webpack#1.0 sell1.0 //則為1.0版本
// 期間會有一些選項的設定，可參考以下安裝截圖
// 完成之後 會生成一個以項目名稱的檔案夾，如 sell 下面是我的安裝截圖如下：
安裝完成後其實都是有提示的~~~
下面就是 sell 檔案夾的内容(請忽略裡面的data.json檔案，因為那是我自己手動建立的，是用來模拟背景資料那一塊内容~)：
4.安裝并運作模闆
cd sell
npm install // install 過程會比較慢，因為要下載下傳一些依賴包(當然你也可以選擇 cnpm 安裝)，完成後 目錄下 會多了一個 node_modules 檔案夾
npm run dev
// 若為2.0版本運作時，浏覽器會自動打開,1.0版本需要在位址欄手動輸入：localhost:8080 成功的話，在浏覽器輸入localhost:8080并回車，頁面會出現如下：
接下來進行項目開發：
1.安裝需要的依賴
1）我用的scss，是以要安裝一下語言依賴：
cnpm install node-sass --save-dev (npm裝的時候報錯，是以用淘寶鏡像進行安裝就好了)
npm install sass-loader --save-dev 2）如果要用到axios請求資料，就要安裝axios，或者用jsonp請求資料，就安裝jsonp，根據自己需要的進行安裝就可以了。
2.明确檔案的存放，檔案夾的結構（主要是 src檔案夾以及static檔案夾）
src檔案夾：最初一直在糾結公用樣式的引入問題，現在有了一個明确的方案：
1）在App.vue 引入：
<style lang="scss">
@import 'assets/common/base-h5.scss'; // 初始化樣式檔案
@import 'assets/common/font.scss'; // iconfont 字型檔案
@import 'assets/style.scss'; // 公用樣式檔案
</style> 2）樣式編寫(style.scss，元件裡邊的樣式編寫或樣式檔案編寫等)都可引入 mixin-h5.scss; 裡面有一些主題色的定義，scss文法的定義方法之類的。
這樣就能在style.scss檔案愉快地編寫含有背景圖檔的公用樣式啦。
另外，這樣寫也是最大避免了base-h5,font檔案的重複引用。
3）components 檔案夾裡邊當然就是你的元件了，元件show 裡面的 xx.vue 格式 示例：
<template>
<div>哈哈</div>
</template>
<script>
export default {
name: 'show'
}
</script>
<style lang="scss">
div{
color: red;
}
</style> static檔案夾：
1) 存放第三方的依賴（例如 flexible.js,mobile-util.js）
2) img
以上了~