最近開始畢業設計了，根據需求文件，我們需要使用小程式的微信運動API，寫一個運動類APP，所以我就開始查詢小程式相關的文件與社群。

微信小程式才剛剛起步，生態不能說很豐富，但是依然有很多優秀的開源專案：
awesome-wepy

開發模式

一個前端專案起手，當然先要敲定開發模式，就像H5一樣，使用JQuery和Vue開發起來，體驗、思想完全不同

目前小程式的主流開發模式有三種：原生、wepy、mpvue，在三者我選擇了wepy，原因如下：

1.原生是我第一個丟掉的選項，因為開發體驗是實在太差，開發一個頁面我需要在三個檔案互相切換，而且這個元件化開發有點奇怪，所以不選。

2.mpVue作為一個美團剛出不久的框架，具有將HTML語法轉為小程式語法的能力，我本來是很期待的，但是實際發現他無法繼承目前Vue的生態

3.Wepy是騰訊自己開發的類Vue框架，開發體驗和Vue差不多，也相比原生加強了不少，比如ES6、Promise這些，最重要的一點是wepy的開源框架雖然不多，但是已經夠用了，所以選擇了wepy。

開發IDE

小程式有自己的微信web開發者工具，但是這個IDE只能開發原生的小程式，所以就需要另外一個IDE來開發wepy下的小程式。

WebStorm和Visual Studio Code都是不錯的IDE，不過兩者在開發時都有各自的小缺點：

• WebStorm：自動補齊等功能正常運作，但是wxml的特有標籤都標了黃，目前沒有外掛可以讓WebStorm可以支援wxml。

• Visual Studio Code：目前VS Code上有許多與小程式相關外掛，已經可以正常的進行自動補齊，但是在格式化上還是有不少問題，不過有wpy-beautify這個外掛，可以說是曲線救國吧。

UI框架

由於團隊並沒有專門的美工，所以前端框架就必不可少了，目前小程式的主流UI框架有三個：
* ZanUI
* MinUI
* WeUI

這三個框架中，ZanUI、MinUI都是用於開發網店類的APP使用的，ZanUI是有贊，MinUI是蘑菇街，而WeUI是騰訊開發的框架，元件和微信本體風格更為一致。

三個UI框架都有wepy的版本，所以根據設計的情況選取最貼切的一個UI框架即可。

另外關於UI這塊還有個題外話，由於我們APP需要大量使用圖表，所以我們需要一個圖表元件，然後我發現ECharts已經支援小程式了，可以說非常牛逼了。

研究結果大概就這樣，在開發過程中我會繼續補充新的小程式框架研究報告。