一、開(kāi)始

開(kāi)發(fā)小程序的第一步，你需要擁有一個(gè)小程序帳號(hào)，通過(guò)這個(gè)帳號(hào)你就可以管理你的小程序。

跟隨這個(gè)教程，開(kāi)始你的小程序之旅吧！

二、申請(qǐng)帳號(hào)

進(jìn)入小程序注冊(cè)頁(yè) （https://mp.weixin.qq.com/wxopen/waregister?action=step1）根據(jù)指引填寫信息和提交相應(yīng)的資料，就可以擁有自己的小程序帳號(hào)。

 

在這個(gè)小程序管理平臺(tái)，你可以管理你的小程序的權(quán)限，查看數(shù)據(jù)報(bào)表，發(fā)布小程序等操作。

登錄 小程序后臺(tái) （https://mp.weixin.qq.com/），第一次登陸需要補(bǔ)填小程序信息才能獲取AppID（按指引補(bǔ)填即可）。

然后我們可以在菜單 “設(shè)置”-“基本設(shè)置” 尾部看到小程序的 AppID 了 。 

小程序的 AppID 相當(dāng)于小程序平臺(tái)的一個(gè)身份證，后續(xù)你會(huì)在很多地方要用到 AppID （注意這里要區(qū)別于服務(wù)號(hào)或訂閱號(hào)的 AppID）。

有了小程序帳號(hào)之后，我們需要一個(gè)工具來(lái)開(kāi)發(fā)小程序。

三、安裝開(kāi)發(fā)工具

前往 開(kāi)發(fā)者工具下載頁(yè)面 （https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html），根據(jù)自己的操作系統(tǒng)下載對(duì)應(yīng)的安裝包進(jìn)行安裝【建議選擇穩(wěn)定版】。有關(guān)開(kāi)發(fā)者工具更詳細(xì)的介紹可以查看 《開(kāi)發(fā)者工具介紹》 （https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html）。

打開(kāi)小程序開(kāi)發(fā)者工具，用微信掃碼登錄開(kāi)發(fā)者工具，準(zhǔn)備開(kāi)發(fā)你的第一個(gè)小程序吧！ 

四、新建小程序

新建項(xiàng)目選擇小程序項(xiàng)目，選擇代碼存放的硬盤路徑，填入剛剛申請(qǐng)到的小程序的 AppID，給你的項(xiàng)目起一個(gè)好聽(tīng)的名字，選擇“小程序”開(kāi)發(fā)模式、暫不使用云服務(wù)、JavaScript語(yǔ)言，點(diǎn)擊確定，你就得到了你的第一個(gè)小程序了。 

項(xiàng)目名稱：項(xiàng)目的名字，取個(gè)好聽(tīng)的，最好還是別取中文，這里我就叫demo-wechat。

目錄：項(xiàng)目存放目錄，這里我就在D盤新建一個(gè)空的demo-wechat文件夾存放此項(xiàng)目。

AppID：如果是開(kāi)發(fā)我們創(chuàng)建的小程序這里就需要填寫此ID，填寫申請(qǐng)到的APPID，如果處于學(xué)習(xí)階段怎么上手就玩自己的小程序，這里可以使用測(cè)試號(hào)。

開(kāi)發(fā)模式：選擇小程序。

后端服務(wù)：暫時(shí)不會(huì)用到，選擇不使用云服務(wù)。

語(yǔ)言：這里我選擇JavaScript，如果你習(xí)慣typescript，也可以換成此項(xiàng)。

五、導(dǎo)入小程序
導(dǎo)入小程序項(xiàng)目，選擇代碼存放的硬盤路徑，選擇或者填寫申請(qǐng)到的小程序的 AppID，點(diǎn)擊導(dǎo)入，你就導(dǎo)入了小程序


 

項(xiàng)目名稱：項(xiàng)目的名字，取個(gè)好聽(tīng)的，最好還是別取中文。

目錄：項(xiàng)目存放目錄，這里選擇小程序項(xiàng)目目錄。

AppID：如果是開(kāi)發(fā)我們創(chuàng)建的小程序這里就需要填寫此ID，填寫申請(qǐng)到的APPID，如果處于學(xué)習(xí)階段怎么上手就玩自己的小程序，這里使用測(cè)試號(hào)。