一、小程式官方指南

1：官方開發工具下載：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

0.12.1304Win版：https://pan.baidu.com/s/1miNleBY

0.12.1304Mac版：https://pan.baidu.com/s/1qYNIQZy

2：官方提供的簡單教程

https://mp.weixin.qq.com/debug/wxadoc/dev/

3：小程式設計指南：

https://mp.weixin.qq.com/debug/wxadoc/design/index.html

4：小程式運營規範

https://mp.weixin.qq.com/debug/wxadoc/product/index.html

5：小程式接入指南

https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html 

6：小程式支付文件：

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1 

7：小程式客服訊息：https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html?t=20161221 

8：特殊行業所需資質材料：https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t=201714 

9：小程式資料分析：

https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714

二、如何自學小程式

1、瞭解基礎知識先！去網上搜搜看什麼是CSS，HTML，JS；

CSS+HMTL+JS入門乾貨分享

連結: https://pan.baidu.com/s/1i5I76kd 密碼: 6r42

2、讀讀上面提供的官方文件，看看都能幹什麼；

微信小程式官方文件知識解讀，推薦新手仔細閱讀

http://www.moquu.com/v/1427.html

微信小程式認知、安裝與demo學習摘要

http://www.moquu.com/v/426.html

3、降低預期，不要一開始就想做出多牛逼的，就從靜態頁面開始；

初識微信小程式：結構概覽，app.js 解析

http://www.moquu.com/v/414.html

微信小程式開發及釋出實踐

http://www.moquu.com/v/425.html

4、寫程式碼跟做設計一樣，模仿才是王道！下載人家的demo，看看怎麼寫的，修改修改，找到思維邏輯，就會一步步往前走了！

500款小程式案例原始碼下載

http://www.moquu.com/m3

5、不懂就問，新手入門的知識點！基本網上都搜的到答案！自學的話，就不要想著太依賴他人！

三、開發前必讀

微信小程式政策雖不允許個人開發！其實也可以通過方法，申請到開發許可權，只是不是能釋出而已！有了開發許可權，對於只是自學還是夠了！

個人無appid申請開發者許可權，無限制賬號申請方法

http://www.moquu.com/v/372.html

關於如何真機預覽（手機測試）簡易流程說明

http://www.moquu.com/v/1534.html

如何設定體驗者/開發者/體驗版本

http://www.moquu.com/v/1535.html

如果是企業的話！由於微信小程式需要https請求，需要準備

1：備案的域名：

2：受認可的證書https

3：如開發多個小程式，要申請多個開發者帳號！因為一個賬號只能釋出一個

https問題排查說明：

http://www.moquu.com/v/1528.html

需要使用微信支付功能，要先微信認證！認證方法：

https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

最新微信小程式服務範圍！

http://www.moquu.com/v/1551.html

微信小程式服務類目稽核不通過？解決方法...

http://www.moquu.com/v/1552.html

四、開發工具說明

開發工具介面說明

配置資訊：用於解決在後臺配置域名未生效的問題；

預覽：真機預覽

上傳：管理員上傳至後臺，設定體驗及稽核版本使用；

開發環境不校驗：為了讓開發環境中使用appid時，不合規則的域名也可以正常使用（比如本地或IP地址及未配置的域名）

壓縮程式碼：為了節約空間，小程式上限為1M：參考：http://www.moquu.com/v/1536.html

刪除專案：刪除相應的專案

代理：在這裡可以設定代理，或取消代理；用於解決很多因代理而引發的問題；

選擇無appid，即可在沒有appid情況下進行開發，但是無法預覽；

專案名稱：隨意填寫

專案目錄：1：如果你選擇了一個demo匯入，請選擇app.json所在的根目錄資料夾，請勿選擇其上級資料夾，否則會報錯：找不到app.json；2：如果你想新建一個專案，請先在電腦內新建一個空資料夾，選擇空資料夾即可，假如你選擇的不是空資料夾，可能無法看到新建quickstart專案；

快速生成專案目錄技巧：在app.json內輸入路徑後儲存，即可生成相應路徑的完整檔案目錄，防止因js或json檔案為空而引發的一系列報錯

後臺配置域名方法：

http://www.moquu.com/v/1532.html

必須配置域名後，才可以使用配置的域名，比如你需要請求XX地址的資料，必須在後臺設定了域名之後，才可以真機請求資料； 必須https的域名才可以請求，如果出現https的問題，請查詢排查：http://www.moquu.com/v/1528.html

開發工具快捷鍵說明

格式調整 

Ctrl+S：儲存檔案（必須儲存才可以看到效果） 

Ctrl+[， Ctrl+]：程式碼行縮排 

Ctrl+Shift+[， Ctrl+Shift+]：摺疊開啟程式碼塊 

Ctrl+C Ctrl+V：複製貼上，如果沒有選中任何文字則複製貼上一行 

Shift+Alt+F：程式碼格式化 

Alt+Up，Alt+Down：上下移動一行 

Shift+Alt+Up，Shift+Alt+Down：向上向下複製一行 

Ctrl+Shift+Enter：在當前行上方插入一行 

Ctrl+Shift+F：全域性搜尋 

游標相關 

Ctrl+End：移動到檔案結尾 

Ctrl+Home：移動到檔案開頭 

Ctrl+i：選中當前行 

Shift+End：選擇從游標到行尾 

Shift+Home：選擇從行首到游標處 

Ctrl+Shift+L：選中所有匹配 

Ctrl+D：選中匹配 

Ctrl+U：游標回退 

介面相關 

Ctrl + \\：隱藏側邊欄 

Ctrl + m: 開啟或者隱藏模擬器

五、小程式開發詳解

1、開發準備，開發工具使用簡介，工程目錄結構 

http://www.moquu.com/v/1537.html

2、開發元件使用初步，配置 

http://www.moquu.com/v/1538.html

3、APP生命週期 

http://www.moquu.com/v/1539.html

4、頁面生命週期和引數傳遞 

http://www.moquu.com/v/1540.html

5、佈局基礎 程式設計師實戰系列 

http://www.moquu.com/v/1541.html

6、零基礎小程式開發系列《一》理論篇

http://www.moquu.com/v/1405.html

7、程式設計師開發實戰系列《二》微信小程式架構篇

http://www.moquu.com/v/1554.html

8、程式設計師開發實戰系列《三》App()和Page()

http://www.moquu.com/v/711.html

9、檢視層WXML繫結資料、模板、邏輯

http://www.moquu.com/v/722.html

10、實戰檢視層WXML：事件

http://www.moquu.com/v/723.html

11、學習記錄《一》：目錄結構介紹，開發工具選單介紹

http://www.moquu.com/v/735.html

12、學習記錄《二》：系統配置app.json，程式和頁面註冊

http://www.moquu.com/v/737.html

13、學習記錄《三》：檢視容器

http://www.moquu.com/v/745.html

14、微信小程式開發（一）開始

http://www.moquu.com/v/1543.html

15、現學現賣微信小程式開發（二）

http://www.moquu.com/v/1544.html

16、現學現賣微信小程式開發（三）：引入“Rx”

http://www.moquu.com/v/1545.html

17、現學現賣的一個“快遞查詢“的小程式開發

http://www.moquu.com/v/1553.html

18、微信小程式登入與支付簡要流程

http://www.moquu.com/v/1412.html

19從零入門系列《二》手動建立目錄結構

http://www.moquu.com/v/1039.html

20、微信小程式開發—快速掌握元件及API的方法

http://www.moquu.com/v/1001.html

六、新手跳坑指南

新手跳坑指南《一》：真機上預覽，背景圖無效

http://www.moquu.com/v/502.html

新手跳坑指南《二》：app.json之pages路徑重複錯誤

http://www.moquu.com/v/503.html

新手跳坑指南《三》：寬高設定百分比無效果

http://www.moquu.com/v/504.html

新人跳坑系列《四》官方文件BUG，tip及QA提示一覽

http://www.moquu.com/v/1053.html

新手跳坑指南《五》：this與that：this.setData報錯

http://www.moquu.com/v/506.html

新手跳坑系列《六》：找不到自己的相匹配手機預覽頁面

http://www.moquu.com/v/507.html

新手跳坑系列《七》tabBar不顯示

http://www.moquu.com/v/508.html

新手跳坑系列《八》MAC版微信WEB開發者工具無法顯示二維碼

http://www.moquu.com/v/509.html

新手跳坑系列《九》：post請求

http://www.moquu.com/v/92.html

新手跳坑系列《十》修改配置域名後，不在以下合法域名列表內

http://www.moquu.com/v/91.html

新手跳坑指南《十一》require 和hidden不生效，@import無效

http://www.moquu.com/v/90.html

新手跳坑指南《十二》事件繫結呼叫多次

http://www.moquu.com/v/89.html

新手跳坑指南《十三》手機中瀏覽時顯示空白頁

http://www.moquu.com/v/88.html

新手跳坑指南《十四》真機預覽限制大小1024K

http://www.moquu.com/v/87.html

新手跳坑指南《十五》view標籤設定背景圖片手機無法預覽

http://www.moquu.com/v/86.html

新手跳坑系列《十六》沒有配置路由，input，空格回車，中文

http://www.moquu.com/v/1576.html

新手跳坑系列《十七》Page route 錯誤

http://www.moquu.com/v/1577.html

新手跳坑指南《十八》wx.showToast訊息顯示框手機預覽失敗

http://www.moquu.com/v/1574.html

新人跳坑系列《十九》swiper無法保持寬高比

http://www.moquu.com/v/1572.html

新人跳坑系列《二十》文字溢位

http://www.moquu.com/v/1571.html

更多新手跳坑指南

http://www.moquu.com/t-1-1.html

七、小程式圖書乾貨

1、免費線上的小程式培訓課程大全

http://www.moquu.com/v/1636.html

2、微信小程式設計規範PDF版

http://www.moquu.com/v/1635.html

3、node及js類書籍分享（130本）

http://www.moquu.com/v/1634.html

4、微信小程式框架腦圖全解，一眼看清框架構造，學習必備

http://www.moquu.com/v/1633.html

5、微信小程式開發手冊PDF

http://www.moquu.com/v/1626.html

6、小程式自定義元件實戰

http://www.moquu.com/v/1632.html

7、野狗與微信小程式

http://www.moquu.com/v/1631.html

8、小程式入門指南

http://www.moquu.com/v/1630.html

9、從HTML5到微信小程式

http://www.moquu.com/v/1629.html

10、oschina源創會大會分享PPT下載

http://www.moquu.com/v/1628.html

11、微信小程式官方設計指南及建議PDF版

http://www.moquu.com/v/1627.html

12、微信小程式設計控制元件庫原始檔

http://www.moquu.com/v/303.html

八、小程式必備外掛

1、一個微信小程式模版程式框架

http://www.moquu.com/v/1647.html

2、微信小程式經典APP按鈕指示器框架

http://www.moquu.com/v/1646.html

3、微信小程式模組化開發框架labrador

http://www.moquu.com/v/1645.html

4、野狗SDK(微信微信小程式版)

http://www.moquu.com/v/1644.html

5、一個為微信小程式開發準備的基礎骨架

http://www.moquu.com/v/1643.html

6、處理微信小程式會話

http://www.moquu.com/v/1642.html

7、微信小程式雲端增強 SDK

http://www.moquu.com/v/1641.html

8、微信小程式整合redux，提供快捷的開發環境

http://www.moquu.com/v/1640.html

9、一個開放的、執行微信小程式的Web MINA框架

http://www.moquu.com/v/1639.html

10、微信小程式Canvas增強元件

http://www.moquu.com/v/1638.html

11、微信小程式-簡易框架

http://www.moquu.com/v/1637.html

12、視覺化小程式UI設計工具layout

http://www.moquu.com/v/673.html

13、微信小程式後臺內容管理程式laravelPCMS

http://www.moquu.com/v/447.html

14、小程式腳手架及html編譯工具

http://www.moquu.com/v/446.html