小程序入坑記

最近工做和我的都有想法搞一個小程序出來，撿起多年不寫的javascript大法研究下。

註冊賬號

想開發公衆號或者小程序，首先須要一個微信公衆賬號，公衆號賬號和小程序賬號並不互通，須要單獨註冊。註冊過程不詳細介紹了。十分鐘註冊了一個主體是我的的小程序賬號。

環境

有了賬號，還得知道如何進行開發，用什麼工具開發，什麼工具調試？先查看了下官方的說明，須要專門的小程序開發工具，很不幸，只提供了windows和mac版本（linux用戶表示很氣憤）。難道linux黨只能轉用windows搞定嗎？（mac買不起）還好有無敵的github。查到了一個神器，wechat_web_devtools。開源，支持linux。試用了下，基本可行，除了騰訊的代碼庫打不開以外，未發現其餘問題。五星好評。

語法

有了賬號，有了開發環境，夠了嗎？還不夠，還得研究下語法，鵝廠的官方文檔翻了一遍，基本肯定了js,wxml,wcss,json四個文件爲一體的構建結構。可是要作大的項目，這個組織形式有點難受了。一個頁面加載４個文件搞定，可是如何集成node的構建環境是個問題，總不至於真的一個頁面寫４個文件去搞吧。感受寫起來好累的感受。

框架

相信開源的力量，經過http://www.cnblogs.com/zxj95121/p/9224163.html索引帖，查到了相關的資源，初步目標定在了wepy上面，後面有發現了mpvue。前者是親兒子，騰訊背書，算是自創的一套語法；後面是美團的親兒子，基於vue搞出來的。

其實對於沒有vue基礎的我來講，選擇哪個彷佛均可以。可是mpvue和vue靠的近啊，有vue資源能夠參考；並且mpvue有可能會有多端的遷移方案，比wepy複用性好了。初步選定了mpvue來搞。

mpvue

使用 mpvue 開發小程序，你將在小程序技術體系的基礎上獲取到這樣一些能力：

• 完全的組件化開發能力：提升代碼複用性
• 完整的 Vue.js 開發體驗
• 方便的 Vuex 數據管理方案：方便構建複雜應用
• 快捷的 webpack 構建機制：自定義構建策略、開發階段 hotReload
• 支持使用 npm 外部依賴
• 使用 Vue.js 命令行工具 vue-cli 快速初始化項目
• H5 代碼轉換編譯成小程序目標代碼的能力

將頁面的三元素合併到一塊兒的作法看着很jsp的感受，對老java程序員有莫名的好感。

我的感受的問題：

• 每一個目錄下一個頁面，每一個頁面須要三個文件定義:main.js,index.vue,main.json(可選)，其實並無下降太多的目錄複雜性。
• quickstart構建流程沒有有點晦澀，可能vue的構建環境就是這個樣子吧。
• vue的一些語法仍是須要讀懂的，關於數據的控制邏輯和生命週期等。