摘要:倉(cāng)庫(kù)打開(kāi)微信小程序官方開(kāi)發(fā)文檔,最好全篇看一遍,基本上就會(huì)了。
https://github.com/dingyiming...
倉(cāng)庫(kù):https://github.com/dingyiming...
打開(kāi)微信小程序官方開(kāi)發(fā)文檔,最好全篇看一遍,基本上就會(huì)了。
點(diǎn)擊文檔中 工具 選項(xiàng)卡中 下載工具頁(yè)面 下載對(duì)應(yīng)系統(tǒng)版本的微信開(kāi)發(fā)者工具
注意:脫離微信開(kāi)發(fā)者工具是不能調(diào)試的
好了,安裝下工具即可打開(kāi),看到選擇項(xiàng)目的界面,點(diǎn)擊添加項(xiàng)目
添加項(xiàng)目,沒(méi)有app id就選擇無(wú)AppID, 勾選在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目,直接有個(gè)簡(jiǎn)單的示例,
AppID 是微信開(kāi)發(fā)者官方授權(quán)開(kāi)發(fā)者的一個(gè)憑證, 目前只有200家受邀內(nèi)測(cè)的公眾號(hào)才有,所以咱們就通過(guò)無(wú)AppID開(kāi)發(fā)調(diào)試吧!主要限制如下:
然后點(diǎn)擊添加項(xiàng)目即進(jìn)入具體項(xiàng)目的開(kāi)發(fā)環(huán)境
我們先看看目前有的文件目錄,點(diǎn)擊左側(cè) 編輯 按鈕 打開(kāi)所有文件目錄
查看文件目錄說(shuō)明
注意:為了方便開(kāi)發(fā)者減少配置項(xiàng),微信規(guī)定描述頁(yè)面的這四個(gè)文件必須具有相同的路徑與文件名。這個(gè)很關(guān)鍵,不能隨意創(chuàng)建目錄以及文件與頁(yè)面關(guān)聯(lián)
從官方文檔得知 ,必須有的幾項(xiàng)
最簡(jiǎn)示例至少有一個(gè)簡(jiǎn)單的頁(yè)面,所以,接下來(lái)我們刪除一些文件來(lái)看最簡(jiǎn)示例的項(xiàng)目結(jié)構(gòu)吧!
先刪除多余目錄以及文件剩下,如下文件,
這時(shí)候,點(diǎn)擊左下角的編譯按鈕,可以看到控制臺(tái)大大的報(bào)錯(cuò)了,一看便知是少了logs這個(gè)目錄,因?yàn)閯倓偙粍h除了,
那我們?nèi)?app.json配置項(xiàng)中找到頁(yè)面配置去除多余內(nèi)容吧
剩下這樣的應(yīng)用配置
點(diǎn)擊編譯,清除控制臺(tái)可以看到?jīng)]有報(bào)錯(cuò)了,
點(diǎn)擊編輯,打開(kāi) /pages/index/index.wxml 文件
改成下面這樣
點(diǎn)擊編譯,ok最簡(jiǎn)示例hello weapp 完成了
其中wxml的寫(xiě)法可以看 官方組件文檔,接著嘗試各種吧!
微信小程序中不能直接使用html,必須嚴(yán)格使用官方的組件庫(kù)來(lái)開(kāi)發(fā)頁(yè)面顯示,并且微信小程序中沒(méi)有window和document對(duì)象,自然類(lèi)似jquery/zepto 都是無(wú)法使用的
如果要問(wèn)ajax怎么辦?微信自然幫我們實(shí)現(xiàn)了一個(gè)接口來(lái)做數(shù)據(jù)通信的事情,請(qǐng)看這里
ok 了,可以開(kāi)始進(jìn)一步熟悉微信小程序每一個(gè)組件和API來(lái)做應(yīng)用了。
更多資源 訪(fǎng)問(wèn) https://github.com/dingyiming...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/87929.html
摘要:有問(wèn)題可通過(guò)微博聯(lián)系我開(kāi)源項(xiàng)目微信小程序微信小應(yīng)用資源破解文檔微信小應(yīng)用示例代碼文檔簡(jiǎn)易教程開(kāi)發(fā)者工具文檔文檔視圖組件文檔常見(jiàn)問(wèn)題教程微信小程序開(kāi)發(fā)文檔微信公眾平臺(tái)文檔微信小程序怎么開(kāi)發(fā)玩物志用一個(gè)上午上線(xiàn)了電商應(yīng)用愛(ài)范兒 有問(wèn)題可通過(guò)微博聯(lián)系我: http://weibo.com/jinfali 開(kāi)源項(xiàng)目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...
摘要:有問(wèn)題可通過(guò)微博聯(lián)系我開(kāi)源項(xiàng)目微信小程序微信小應(yīng)用資源破解文檔微信小應(yīng)用示例代碼文檔簡(jiǎn)易教程開(kāi)發(fā)者工具文檔文檔視圖組件文檔常見(jiàn)問(wèn)題教程微信小程序開(kāi)發(fā)文檔微信公眾平臺(tái)文檔微信小程序怎么開(kāi)發(fā)玩物志用一個(gè)上午上線(xiàn)了電商應(yīng)用愛(ài)范兒 有問(wèn)題可通過(guò)微博聯(lián)系我: http://weibo.com/jinfali 開(kāi)源項(xiàng)目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...
摘要:有問(wèn)題可通過(guò)微博聯(lián)系我開(kāi)源項(xiàng)目微信小程序微信小應(yīng)用資源破解文檔微信小應(yīng)用示例代碼文檔簡(jiǎn)易教程開(kāi)發(fā)者工具文檔文檔視圖組件文檔常見(jiàn)問(wèn)題教程微信小程序開(kāi)發(fā)文檔微信公眾平臺(tái)文檔微信小程序怎么開(kāi)發(fā)玩物志用一個(gè)上午上線(xiàn)了電商應(yīng)用愛(ài)范兒 有問(wèn)題可通過(guò)微博聯(lián)系我: http://weibo.com/jinfali 開(kāi)源項(xiàng)目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...
閱讀 3205·2021-09-22 15:05
閱讀 2763·2019-08-30 15:56
閱讀 1071·2019-08-29 17:09
閱讀 803·2019-08-29 15:12
閱讀 2084·2019-08-26 11:55
閱讀 3069·2019-08-26 11:52
閱讀 3381·2019-08-26 10:29
閱讀 1385·2019-08-23 17:19