在官網(wǎng)下載對應的開發(fā)版本工具微信小程序開發(fā)工具官網(wǎng)下載拨黔,·
注意:脫離微信開發(fā)者工具是不能調(diào)試的
好了,安裝下工具即可打開,看到選擇項目的界面成畦,點擊添加項目
添加項目,沒有app id就選擇無AppID, 勾選在當前目錄中創(chuàng)建quick start項目煮落,直接有個簡單的示例。
AppID 是微信開發(fā)者官方授權開發(fā)者的一個憑證咱士, 目前只有200家受邀內(nèi)測的公眾號才有,所以咱們就通過無AppID開發(fā)調(diào)試吧袖瞻!主要限制如下:
然后點擊添加項目即進入具體項目的開發(fā)環(huán)境
我們先看看目前有的文件目錄司致,點擊左側 編輯 按鈕 打開所有文件目錄
注意:為了方便開發(fā)者減少配置項拆吆,微信規(guī)定描述頁面的這四個文件必須具有相同的路徑與文件名聋迎。這個很關鍵,不能隨意創(chuàng)建目錄以及文件與頁面關聯(lián)枣耀。
從官方文檔得知 霉晕,必須有的幾項
最簡示例至少有一個簡單的頁面,所以捞奕,接下來我們刪除一些文件來看最簡示例的項目結構吧牺堰!
先刪除多余目錄以及文件剩下,如下文件颅围,
這時候伟葫,點擊左下角的編譯按鈕,可以看到控制臺大大的報錯了院促,一看便知是少了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來做應用了丐黄。
更多資源 訪問Hello小程序。微信號:130870319 QQ群:40726600