1、準(zhǔn)備工作

1：注冊 https://mp.weixin.qq.com/wxopen/waregister?action=step1
用沒有注冊過微信公眾平臺的郵箱注冊一個微信公眾號， 申請帳號 , 根據(jù)指引填寫信息和提交相應(yīng)的資料，就可以擁有自己的小程序帳號。注冊完成之后開始登錄。

2：登錄 https://mp.weixin.qq.com

我們可以在菜單 “設(shè)置”-“開發(fā)設(shè)置” 看到小程序的 AppID 了 。小程序的 AppID 相當(dāng)于小程序平臺的一個身份證，后續(xù)你會在很多地方要用到 AppID (注意這里要區(qū)別于服務(wù)號或訂閱號的 AppID)。有了小程序帳號之后，我們需要一個工具來開發(fā)小程序。
根據(jù)官方教程進行開發(fā) https://developers.weixin.qq.com/miniprogram/dev/framework/

3：安裝開發(fā)工具

前往 開發(fā)者工具下載 頁面，根據(jù)自己的操作系統(tǒng)下載對應(yīng)的安裝包進行安裝，有關(guān)開發(fā)者工具更詳細的介紹可以查看 《開發(fā)者工具介紹》 。打開小程序開發(fā)者工具，用微信掃碼登錄開發(fā)者工具，準(zhǔn)備開發(fā)你的第一個小程序吧！
關(guān)于開發(fā)工具的相關(guān)信息，可通過 【微信開發(fā)者工具 】了解詳情

4：開啟第一個小程序

新建項目選擇小程序項目，選擇代碼存放的硬盤路徑，填入剛剛申請到的小程序的 AppID，給你的項目起一個好聽的名字，最后，勾選 “創(chuàng)建 QuickStart 項目” (注意: 你要選擇一個空的目錄才會有這個選項)，點擊確定，你就得到了你的第一個小程序了，點擊頂部菜單編譯就可以在 IDE 預(yù)覽你的第一個小程序。

5：編譯預(yù)覽

點擊工具上的編譯按鈕，可以在工具的左側(cè)模擬器界面看到這個小程序的表現(xiàn)，也可以點擊預(yù)覽按鈕，通過微信的掃一掃在手機上體驗?zāi)愕牡谝粋€小程序。

以上版塊內(nèi)容可在 微信開放文檔 中【起步】-【開始】中查看。

2、框架介紹

小程序開發(fā)框架的目標(biāo)是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生 APP 體驗的服務(wù)。

整個小程序框架系統(tǒng)分為兩部分：邏輯層（App Service）和 視圖層（View）。小程序提供了自己的視圖層描述語言 WXML 和 WXSS，以及基于 JavaScript 的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，讓開發(fā)者能夠?qū)Ｗ⒂跀?shù)據(jù)與邏輯。

響應(yīng)的數(shù)據(jù)綁定
框架的核心是一個響應(yīng)的數(shù)據(jù)綁定系統(tǒng)，可以讓數(shù)據(jù)與視圖非常簡單地保持同步。當(dāng)做數(shù)據(jù)修改的時候，只需要在邏輯層修改數(shù)據(jù)，視圖層就會做相應(yīng)的更新。

頁面管理
框架 管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，并給以頁面完整的生命周期。開發(fā)者需要做的只是將頁面的數(shù)據(jù)、方法、生命周期函數(shù)注冊到 框架 中，其他的一切復(fù)雜的操作都交由 框架 處理。

基礎(chǔ)組件
框架 提供了一套基礎(chǔ)的組件，這些組件自帶微信風(fēng)格的樣式以及特殊的邏輯，開發(fā)者可以通過組合基礎(chǔ)組件，創(chuàng)建出強大的微信小程序 。

豐富的 API
框架 提供豐富的微信原生 API，可以方便的調(diào)起微信提供的能力，如獲取用戶信息，本地存儲，支付功能等。

3、程序開發(fā)

當(dāng)你學(xué)會了HTML+CSS+js,看了微信開發(fā)文檔，你就可以很簡單地開始微信小程序的開發(fā)啦~~

• 入口
  每個小程序都需要在 app.js 中調(diào)用 App 方法注冊小程序?qū)嵗壎ㄉ芷诨卣{(diào)函數(shù)、錯誤監(jiān)聽和頁面不存在監(jiān)聽函數(shù)等。

整個小程序只有一個 App 實例，是全部頁面共享的。開發(fā)者可以通過 getApp 方法獲取到全局唯一的 App 實例，獲取App上的數(shù)據(jù)或調(diào)用開發(fā)者注冊在 App 上的函數(shù)。

• 全局配置
  小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。
  詳見【全局配置】

• 頁面配置
  每一個小程序頁面也可以使用同名 .json 文件來對本頁面的窗口表現(xiàn)進行配置，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
  詳見【頁面配置】

• 小程序生命周期
  注冊小程序。接受一個 Object 參數(shù)，其指定小程序的生命周期回調(diào)等。
  詳細api詳見https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

• 頁面生命周期
  注冊小程序中的一個頁面。接受一個 Object 類型參數(shù)，其指定頁面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。
  生命周期對象詳見https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

• 組件
  自帶組件庫weUI

• API
  豐富的api
  https://developers.weixin.qq.com/miniprogram/dev/api/

詳細信息可具體參考《小程序開發(fā)指南》