不知道大家還記不記得mockjs的特性，現在讓我帶大家一起回顧一下吧！??！
特性
前后端分離
增加但愿測試的真實性
開發無入侵
用法簡單
數據類型豐富
方便擴展
不知道大家注意到了沒，mockjs支持支持生成隨機的文本、數字、布爾值、日期、郵箱、鏈接、圖片、顏色等。接下來我帶大家模擬數據。
一、創建項目
全局安裝 ????webpack
$ npm/cnpm install webpack -g
在安裝 ????vue-cli
創建一個基于 webpack 模板的新項目
$ vue init webpack webpack-simple (一路回車哦)
安裝依賴
npm/cnpm install
這時候運行npm run dev 讓它跑起來，瀏覽器界面就會有Vue的logo，以及一些內容
二、Json-Server
項目搭建好了，需要本地模擬數據來測試接口效果。
這里使用Json-Server這個工具來構建本地Server
安裝 json-server
npm/cnpm install -g json-server
安裝完成后，在項目中創建json文件模擬返回的數據內容，這里我的json文件名為db.json
目錄結構
{
"user": {
"name" : "Rose",
"age" : 22,
"sex" : "boy"
}
}
然后執行 json-server db.json
注意：
執行成功后會提示已經啟動了一個端口為3000的服務，在瀏覽器中輸入localhost:3000/user 能看到如下的頁面：
到這里，本地的server已經搭建完畢，但是，本地的server數據是死的，這時候就用到了mock。
三、使用Mock.js
Mock Server中 db.json 中的數據是是死的，我們可以借助 Mock.js 生成動態數據，增加測試的真實性。
安裝mock.js
npm install mockjs --save-dev
項目中創建db.js 文件，和db.json是同級目錄哦，內容如下：
執行 json-server db.js 再次查看 localhost:3000/user 已經能看到數據效果了
好啦，今天就到這里結束啦，明天各位說一下怎么把數據鋪到頁面上，大家也可以嘗試，小小的透露一下，將數據鋪到頁面上需要運行兩條命令，也就是說，要打開兩個命令窗口，是不是覺得很麻煩呢？
所以明天我們就想辦法將兩條命令合并為一條，拭目以待吧?。?！
如果大家喜歡這篇文章，記得點喜歡哦！??！
