TEL：021-61554458
打開微信小程序官方開發(fā)文檔，最好全篇看一遍，基本上就會(huì)了。
點(diǎn)擊文檔中 工具 選項(xiàng)卡中 下載工具頁面 下載對應(yīng)系統(tǒng)版本的微信開發(fā)者工具
注意：脫離微信開發(fā)者工具是不能調(diào)試的
好了，安裝下工具即可打開,看到選擇項(xiàng)目的界面，點(diǎn)擊添加項(xiàng)目
添加項(xiàng)目,沒有app id就選擇無AppID, 勾選在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目，直接有個(gè)簡單的示例,
AppID 是微信開發(fā)者官方授權(quán)開發(fā)者的一個(gè)憑證， 目前只有200家受邀內(nèi)測的公眾號(hào)才有，所以咱們就通過無AppID開發(fā)調(diào)試吧！主要限制如下：
然后點(diǎn)擊添加項(xiàng)目即進(jìn)入具體項(xiàng)目的開發(fā)環(huán)境
我們先看看目前有的文件目錄，點(diǎn)擊左側(cè) 編輯 按鈕 打開所有文件目錄
查看文件目錄說明
注意：為了方便開發(fā)者減少配置項(xiàng)，微信規(guī)定描述頁面的這四個(gè)文件必須具有相同的路徑與文件名。這個(gè)很關(guān)鍵，不能隨意創(chuàng)建目錄以及文件與頁面關(guān)聯(lián)
從官方文檔得知 ，必須有的幾項(xiàng)
最簡示例至少有一個(gè)簡單的頁面，所以，接下來我們刪除一些文件來看最簡示例的項(xiàng)目結(jié)構(gòu)吧！
先刪除多余目錄以及文件剩下，如下文件，
這時(shí)候，點(diǎn)擊左下角的編譯按鈕，可以看到控制臺(tái)大大的報(bào)錯(cuò)了，一看便知是少了logs這個(gè)目錄，因?yàn)閯倓偙粍h除了，
那我們?nèi)?app.json配置項(xiàng)中找到頁面配置去除多余內(nèi)容吧
剩下這樣的應(yīng)用配置
點(diǎn)擊編譯，清除控制臺(tái)可以看到?jīng)]有報(bào)錯(cuò)了，
點(diǎn)擊編輯，打開 /pages/index/index.wxml 文件
改成下面這樣
點(diǎn)擊編譯，ok最簡示例hello weapp 完成了
其中wxml的寫法可以看 官方組件文檔，接著嘗試各種吧！
微信小程序中不能直接使用html，必須嚴(yán)格使用官方的組件庫來開發(fā)頁面顯示，并且微信小程序中沒有window和document對象，自然類似jquery/zepto 都是無法使用的
如果要問ajax怎么辦？微信自然幫我們實(shí)現(xiàn)了一個(gè)接口來做數(shù)據(jù)通信的事情，請看這里
ok 了，可以開始進(jìn)一步熟悉微信小程序每一個(gè)組件和API來做應(yīng)用了。
更多資源 訪問 https://github.com/dingyiming/weapp-example/issues/2
網(wǎng)站首頁
