在這裏，將介紹開發小程序的前期準備，和開發框架的瞭解
本人博客：更多教程點這裏
第一步 註冊微信小程序賬號：https://mp.weixin.qq.com/wxopen/waregister?action=step1
第二步 開發環境安裝： https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18081317
第三步 小程序開發架構的瞭解，將是本文的重點
目錄結構
進入開發工具，可見如下圖的目文件：
utils中的文件處理全局配置
pages下還有文件夾，每個文件夾對應一個頁面，每個文件加下的文件管理對應的頁面
- app.json: 是當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等
- project.config.json: 在工具上做的任何配置都會寫入到這個文件，當你重新安裝工具或者換電腦工作時，你只要載入同一個項目的代碼包，開發 者工具就自動會幫你恢復到當時你開發項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項。
- page.json: 可以獨立定義每個頁面的一些屬性，例如頂部顏色、是否允許下拉刷新等等
- wxml：相當於web開發中的html文件，用來描敘頁面的結構
- wxss: 相當於web開發中的css文件,兼容大部分css的特性
- Js: 負責用戶交互,響應用戶的點擊、獲取用戶的位置等等
分層
- 邏輯層：邏輯層使用 JavaScript 引擎爲小程序提供開發者 JavaScript 代碼的運行環境以及微信小程序的特有功能。邏輯層將數據進行處理後發送給視圖層，同時接受視圖層的事件反饋。這一行爲類似 ServiceWorker，所以邏輯層也稱之爲 App Service。
- 開發者寫的所有代碼最終將會打包成一份 JavaScript 文件，並在小程序啓動的時候運行，直到小程序銷燬。
視圖層：框架的視圖層由 WXML 與 WXSS 編寫，由組件來進行展示；將邏輯層的數據反應成視圖，同時將視圖層的事件發送給邏輯層。
