小程式經過了將近兩年的錘鍊，現在出現了許許多多的框架，來幫助我們進行快速開發，最近可能迷上了mpvue這個框架，所以就用公司的專案練練手。

mpvue是用vue作為基礎骨架的，所以他非常想vue，所以說只要vue會，那麼mpvue就會得心順手了。

廢話不多說！直接上手。

通過 Vue.js 命令列工具 vue-cli，你只需在終端視窗輸入幾條簡單命令，即可快速建立和啟動一個帶熱過載、儲存時靜態檢查、內建程式碼構建功能的小程式專案：

# 全域性安裝 vue-cli
$ npm install --global vue-cli

# 建立一個基於 mpvue-quickstart 模板的新專案
$ vue init mpvue/mpvue-quickstart my-project

# 安裝依賴
$ cd my-project
$ npm install
# 啟動構建 $ npm run dev
 


這樣我們就構建好了一個小程式
接著我們開啟微信開發者工具，將專案匯入，填上appid，這樣我們就可以看到一個mpvue搭建的小程式呈現在眼前了（由於本人比較懶，截圖就算了）
我們也可以使用vant UI框架進行頁面輔助構建頁面，只不過本人覺得要是想與設計稿一致的話，還是老老實實的寫程式碼吧，別想其他沒用的了。