新聞中心
【稿件】如果讀者不了解什么是微信小程序,可以看我的另外一篇文章:(微信小程序:原生熱布局終將改變世界)http://zhuanlan./art/201610/519027.htm

騰訊推出微信小程序的同時(shí),也推出了自己的開(kāi)發(fā)工具,讀者可以在下面的地址下載該開(kāi)發(fā)工具的***版本。
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477656486010
這套開(kāi)發(fā)工具目前支持Windows32位、Windows64位以及Mac OS X系統(tǒng),讀者需要根據(jù)自己使用的OS下載合適的版本。本文主要使用Mac OS X版本進(jìn)行講解,Windows版本和Mac OS X大同小異,并不影響讀者閱讀本文的內(nèi)容。
運(yùn)行微信小程序IDE后,會(huì)看到如圖1所示的窗口。
圖1 掃描二維碼進(jìn)入IDE
進(jìn)入手機(jī)微信,掃描該二維碼,就會(huì)自動(dòng)登錄,并進(jìn)入如圖2所示的窗口。
圖2 微信開(kāi)發(fā)者工具
目前,該工具同時(shí)支持開(kāi)發(fā)小程序和公眾號(hào)網(wǎng)頁(yè)開(kāi)發(fā),由于本文主要講解小程序開(kāi)發(fā),所以讀者要選擇***項(xiàng)“本地小程序項(xiàng)目”,進(jìn)入如圖3所示的窗口。
圖3 微信小程序IDE建立項(xiàng)目窗口
讀者如果***次使用該IDE,可以點(diǎn)擊“添加項(xiàng)目”,新建一個(gè)小程序項(xiàng)目,其中firstapp是已經(jīng)建立的小程序項(xiàng)目。
圖4 新建小程序項(xiàng)目
進(jìn)入如圖4所示的新建項(xiàng)目窗口后,如果讀者有小程序的測(cè)試ID,可以直接在AppID中輸入,如果沒(méi)有,點(diǎn)擊“無(wú)AppID”,也可以開(kāi)發(fā)小程序,只是無(wú)法發(fā)布到微信中,但可以在本地運(yùn)行。然后,按圖5所示輸入項(xiàng)目名稱(chēng)和項(xiàng)目目錄。
圖5 輸入小程序工程信息
點(diǎn)擊“添加項(xiàng)目”按鈕后,會(huì)創(chuàng)建新的小程序項(xiàng)目,開(kāi)發(fā)主界面如圖6所示。
圖6 微信小程序開(kāi)發(fā)主界面
到現(xiàn)在為止,微信小程序的IDE已經(jīng)下載并安裝完成,同時(shí)創(chuàng)建了一個(gè)未使用AppID的小程序工程,那么,我們應(yīng)該如何開(kāi)發(fā)小程序呢?如何在真機(jī)上測(cè)試,如果發(fā)布到微信中呢?且聽(tīng)下回分解!
相關(guān)課程:征服微信小程序視頻教程(程序接口+API、UI+實(shí)戰(zhàn)案例)
http://edu./course/course_id-7334.html
【原創(chuàng)稿件,合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文作者和出處為.com】
當(dāng)前文章:微信小程序開(kāi)發(fā)(1):開(kāi)發(fā)環(huán)境安裝與配置
本文來(lái)源:http://www.dlmjj.cn/article/dhjidhs.html


咨詢(xún)
建站咨詢(xún)
