【51CTO.com原創(chuàng)稿件】如果讀者不了解什么是微信小程序，可以看我的另外一篇文章：(微信小程序：原生熱布局終將改變世界)http://zhuanlan.51cto.com/art/201610/519027.htm

騰訊推出微信小程序的同時(shí)，也推出了自己的開發(fā)工具，讀者可以在下面的地址下載該開發(fā)工具的***版本。

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477656486010

這套開發(fā)工具目前支持Windows32位、Windows64位以及Mac OS X系統(tǒng)，讀者需要根據(jù)自己使用的OS下載合適的版本。本文主要使用Mac OS X版本進(jìn)行講解，Windows版本和Mac OS X大同小異，并不影響讀者閱讀本文的內(nèi)容。

運(yùn)行微信小程序IDE后，會看到如圖1所示的窗口。

圖1 掃描二維碼進(jìn)入IDE

進(jìn)入手機(jī)微信，掃描該二維碼，就會自動登錄，并進(jìn)入如圖2所示的窗口。

圖2 微信開發(fā)者工具

目前，該工具同時(shí)支持開發(fā)小程序和公眾號網(wǎng)頁開發(fā)，由于本文主要講解小程序開發(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)目窗口后，如果讀者有小程序的測試ID，可以直接在AppID中輸入，如果沒有，點(diǎn)擊“無AppID”，也可以開發(fā)小程序，只是無法發(fā)布到微信中，但可以在本地運(yùn)行。然后，按圖5所示輸入項(xiàng)目名稱和項(xiàng)目目錄。

圖5 輸入小程序工程信息

點(diǎn)擊“添加項(xiàng)目”按鈕后，會創(chuàng)建新的小程序項(xiàng)目，開發(fā)主界面如圖6所示。

圖6 微信小程序開發(fā)主界面

到現(xiàn)在為止，微信小程序的IDE已經(jīng)下載并安裝完成，同時(shí)創(chuàng)建了一個(gè)未使用AppID的小程序工程，那么，我們應(yīng)該如何開發(fā)小程序呢?如何在真機(jī)上測試，如果發(fā)布到微信中呢?且聽下回分解！

相關(guān)課程：征服微信小程序視頻教程（程序接口+API、UI+實(shí)戰(zhàn)案例）
http://edu.51cto.com/course/course_id-7334.html

【51CTO原創(chuàng)稿件，合作站點(diǎn)轉(zhuǎn)載請注明原文作者和出處為51CTO.com】