原文轉載自「劉悅的技術博客」https://v3u.cn/a_id_103
美團很早就開源了mpvue這個項目，如此看來，美團可不僅僅是一家團購網站，真正的技術驅動型企業，使得我們多了一種用來開發微信小程序的框架選項。由於mpvue框架是完全基於Vue框架的（重寫了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由於受限於小程序環境本身的原因而不能使用，但是瑕不掩瑜），這給使用過Vue開發Web應用的前端開發者提供了極低的門檻來開發小程序。
搭建所需的軟件環境，首先mpvue是基於vue.js，同時也需要vue-cli腳手架，注意一點：你的node環境版本必須大於9.0，否則會出現和新版mpvue不兼容的情況，首先去微信公衆號平臺註冊開發者賬號： https://mp.weixin.qq.com 記得驗證一下開發者身份，另外獲取appid，並且點擊生成appsecret祕鑰，一般審覈速度很快，大概一天就會通過。附上微信小程序開發文檔： https://developers.weixin.qq.com/miniprogram/dev/framework/
npm cache clean --force
npm set registry https://registry.npmjs.org/
npm install npm -g
npm install -g vue-cli
npm cache clean --force
安裝好之後，查看node版本是否大於9.0 node -v
之後，運行命令，創建一個mpvue的工程
vue init mpvue/mpvue-quickstart mpvue
圖上的appid就是註冊時獲取到的
隨後進入到項目目錄中：cd mpvue
輸入命令安裝依賴
npm install
安裝成功後，在項目目錄下輸入npm run dev 啓動項目
mpvue的項目結構是這樣的：
可以看到，和傳統的vue項目沒有任何差別，簡直太友好了
此時，可以去下載一個微信小程序開發者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
選擇適合自己系統的版本下載，這裏我下載mac版，缺點是體積有點略大，安裝後要500多m，希望騰訊以後可以壓縮一下，輕量級開發工具應該小巧輕便。
打開微信小程序開發工具，點擊➕新建項目
選擇導入項目，輸入項目目錄以及appid
最後打開導入的項目，這時候需要耐心等待一小會，不要着急
成功打開後，就可以看到界面了
此時只要修改對應的vue組件，小程序就會實時進行更改，不過需要注意一點，新建組件的時候，需要手動重啓mpvue項目:npm run dev
是不是很簡單呢，如果你是一位精通vue的開發者，那麼開發微信小程序對於你來說也就是a piece of cake
原文轉載自「劉悅的技術博客」 https://v3u.cn/a_id_103