• 打開微信小程序官方開發文檔，最好全篇看一遍，基本上就會(hui) 了。

• 點擊文檔中 工具 選項卡中 下載工具頁麵 下載對應係統版本的微信開發者工具

  • 注意：脫離微信開發者工具是不能調試的

• 好了，安裝下工具即可打開,看到選擇項目的界麵，點擊添加項目

• 添加項目,沒有app id就選擇無AppID, 勾選在當前目錄中創建quick start項目，直接有個(ge) 簡單的示例,

• AppID 是微信開發者官方授權開發者的一個(ge) 憑證， 目前隻有200家受邀內(nei) 測的公眾(zhong) 號才有，所以咱們(men) 就通過無AppID開發調試吧！主要限製如下：

• 然後點擊添加項目即進入具體(ti) 項目的開發環境
  

  

• 我們(men) 先看看目前有的文件目錄，點擊左側(ce) 編輯 按鈕 打開所有文件目錄

查看文件目錄說明

注意：為(wei) 了方便開發者減少配置項，微信規定描述頁麵的這四個(ge) 文件必須具有相同的路徑與(yu) 文件名。這個(ge) 很關(guan) 鍵，不能隨意創建目錄以及文件與(yu) 頁麵關(guan) 聯

• 從(cong) 官方文檔得知 ，必須有的幾項
  

  

• 最簡示例至少有一個(ge) 簡單的頁麵，所以，接下來我們(men) 刪除一些文件來看最簡示例的項目結構吧！

• 先刪除多餘(yu) 目錄以及文件剩下，如下文件，

• 這時候，點擊左下角的編譯按鈕，可以看到控製台大大的報錯了，一看便知是少了logs這個(ge) 目錄，因為(wei) 剛剛被刪除了，
  

  

• 那我們(men) 去 app.json配置項中找到頁麵配置去除多餘(yu) 內(nei) 容吧

• 剩下這樣的應用配置
  

  

• 點擊編譯，清除控製台可以看到沒有報錯了，

• 點擊編輯，打開 /pages/index/index.wxml 文件

• 改成下麵這樣

• 點擊編譯，ok最簡示例hello weapp 完成了

• 其中wxml的寫(xie) 法可以看 官方組件文檔，接著嚐試各種吧！

• 微信小程序中不能直接使用html，必須嚴(yan) 格使用官方的組件庫來開發頁麵顯示，並且微信小程序中沒有window和document對象，自然類似jquery/zepto 都是無法使用的
  

  

• 如果要問ajax怎麽(me) 辦？微信自然幫我們(men) 實現了一個(ge) 接口來做數據通信的事情，請看這裏

• ok 了，可以開始進一步熟悉微信小程序每一個(ge) 組件和API來做應用了。

• 更多資源 訪問 https://github.com/dingyiming/weapp-example/issues/2