前言
我作爲一個普通的Android程序員，由於需求原因被公司安排做小程序開發了，前前後後研究小程序也有兩個月左右了，也完成了公司的一個小工具，算是入門了。前面我也在公衆號發佈過小程序的學習文章。
接下來我將計劃寫一個個人小程序，當做學習練手項目，基礎確實很重要，特別是對我這種前端基礎薄弱的人來說，學習小程序確實不太容易，所以建議大家學習小程序前，最好先學習一下前端相關的基礎，這樣將非常容易上手小程序開發。
一、小程序開發準備
做小程序開發需要一個APPID，所以要先到微信公衆平臺https://mp.weixin.qq.com/ 註冊開發者賬號，綁定自己的微信作爲管理員，然後在開發者後臺可以查看自己的APPID，一個開發者後臺只可以發佈一個小程序，後續可以覆蓋發佈；
二、開發者工具
微信小程序有自己的專門開發工具，支持小程序和公衆號開發。在小程序開發文檔中找到小程序開發工具的下載頁面，或者直接輸入https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 根據自己的操作系統下載對應的安裝包進行安裝。
三、開始我的個人項目
有了前面兩步的準備之後，就可以開發小程序項目了
1.打開小程序開發工具，使用之前註冊小程序所使用的微信掃碼登錄。選擇小程序項目
image
2.新建名爲xxx的項目，輸入APPID 然後勾選 "創建 QuickStart 項目"，點擊確定，那麼第一個小程序項目就創成功建了。
3.項目代碼組成可分爲：配置代碼JSON文件、模板代碼 WXML 文件、樣式代碼 WXSS文件以及邏輯代碼 JavaScript文件組成。
JSON文件：在小程序代碼中扮演靜態配置的作用，在小程序運行之前就決定了小程序一些表現，需要注意的是小程序是無法在運行過程中去動態更新JSON 配置文件從而發生對應的變化的。
WXML全稱是 WeiXin Markup Language，是小程序框架設計的一套標籤語言，結合小程序的基礎組件、事件系統，可以構建出頁面的結構。
WXSS（WeiXin Style Sheets）是一套用於小程序的樣式語言，用於描述WXML的組件樣式，也就是視覺上的效果。WXSS與Web開發中的CSS類似。爲了更適合小程序開發，WXSS對CSS做了一些補充以及修改。
給我的理解就是：WXML就類似前端的HTML，WXSS就類似前端的CSS，所以前面我說了最好有前端相關的基礎，這樣將非常容易上手小程序開發。
接下來我要開始我的項目了——生活小助手項目，整體框架如下圖：
image
效果圖如下：
image
分爲三大模塊：
天氣預報、
精選文章、
個人中心，
這裏我只搭建了整體的框架，由底部菜單切換，後面有時間再繼續分模塊開發，小程序創建底部菜單非常簡單，在app.json文件進行配置即可。
app.json文件裏面的json字段 pages，相當於Android開發的androidmainfest.xml裏面註冊activity頁面一樣，凡是新建的page頁面都要在這裏註冊。
app.json文件裏面的json字段 window，相當於Android開發的styles.xml文件，實際上就是樣式設置，比如窗口顏色，狀態欄背景色，全局標題等設置。
app.json文件裏面的json字段 tabBar，這裏就是設置底部菜單的，用起來比Android開發的更簡單方便，今天算是入門篇了，就總結到這裏了，其中還有很多基礎的就不再一一贅述了，
接下來我將會利用業餘時間來完成這個屬於自己的小程序項目，歡迎大家關注本公衆號，一起學習，謝謝！
項目地址：
https://github.com/zsml2016/LivingTools
支持我的話可以關注下我的公衆號，也歡迎大家投稿~
掃一掃關注我的微信公衆號：程序員在廣東
