小程序開發(fā)準(zhǔn)備

1、申請(qǐng)小程序賬號(hào)（appid）

2、下載并安裝微信開發(fā)者工具

進(jìn)入微信公眾平臺(tái) https://mp.weixin.qq.com/

立即注冊(cè)小程序

 按照信息填寫之后完成注冊(cè)

具體操作可查看小程序官方開發(fā)文檔

使用注冊(cè)的小程序賬號(hào)密碼，登錄 https://mp.weixin.qq.com/

在菜單-設(shè)置-開發(fā)者設(shè)置中，查看小程序的appID

下載并安裝微信開發(fā)者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 選擇適合自己操作系統(tǒng)的最新穩(wěn)定版本，傻瓜式下載安裝即可

掃碼登錄

 新建小程序項(xiàng)目

（沒有appID可以暫時(shí)先使用測(cè)試號(hào)）

不過現(xiàn)在個(gè)人是可以注冊(cè)小程序的，還是建議注冊(cè)一個(gè)，因?yàn)闇y(cè)試號(hào)有很多限制

小程序?qū)儆谇岸碎_發(fā)，單獨(dú)的小程序是沒有意義的

而完整的應(yīng)用不僅要有前端，還需要服務(wù)器的支持（后端給前端提供數(shù)據(jù)）

小程序后端可以使用后端語言來開發(fā)，比如java python php node.js ，不懂后端的可以使用小程序云開發(fā)

 進(jìn)去以后的默認(rèn)頁面是這樣的，微信頭像+微信名，怎么這么大……

微信開發(fā)工具UI簡(jiǎn)介與小程序調(diào)試方法

創(chuàng)建類型：

如果選擇page，會(huì)生成4個(gè)文件 .js  .json  .xml  .xss

如何查看快捷鍵：

鼠標(biāo)移動(dòng)到代碼區(qū)域，按F1，會(huì)出現(xiàn)所有操作及快捷鍵

如何運(yùn)行代碼：

1、點(diǎn)擊編譯

 2、小程序有自動(dòng)編譯功能

編輯完代碼之后按ctrl+s保存即可自動(dòng)編譯

清緩存：

如何查看項(xiàng)目的配置信息和狀態(tài)：

點(diǎn)擊設(shè)置-項(xiàng)目設(shè)置

 或者點(diǎn)擊右上角的詳情

關(guān)于調(diào)試：

1、console.log打印變量進(jìn)行查看

2、斷點(diǎn)調(diào)試，在控制臺(tái)sources點(diǎn)擊對(duì)應(yīng)文件，左側(cè)可以進(jìn)行打斷點(diǎn)操作

然后再點(diǎn)擊下編譯