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