微信開發(fā)者工具下載 : https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下載安裝后,第一次打開,需要微信掃碼登錄

image.png
設(shè)置--服務(wù)端口(開啟)

開啟服務(wù)端口
HBuilderX配置微信開發(fā)者工具(其他小程序配置相似操作)
偏好設(shè)置- 運(yùn)行配置

偏好設(shè)置

運(yùn)行配置
新建項(xiàng)目:

image.png
可以使用 ”測試號(hào)“ 進(jìn)行調(diào)試 開發(fā)
小程序的生命周期入口頁:

小程序的生命周期
全局頁面配置文件

全局頁面配置文件
注意: 新建頁面的流程是先 新建目錄,然后在目錄下 新建Page(四個(gè)文件)
微信小程序數(shù)據(jù)綁定 setData 改變data中數(shù)據(jù)的值

image.png

image.png
微信小程序 條件判斷 wx:if

條件判斷
微信小程序 列表渲染 wx:for

數(shù)組數(shù)據(jù)

展示列表

列表項(xiàng)的默認(rèn)值取別名