微信开发者工具下载 : https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载安装后,第一次打开,需要微信扫码登录

image.png
设置--服务端口(开启)

开启服务端口
HBuilderX配置微信开发者工具(其他小程序配置相似操作)
偏好设置- 运行配置

偏好设置

运行配置
新建项目:

image.png
可以使用 ”测试号“ 进行调试 开发
小程序的生命周期入口页:

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

全局页面配置文件
注意: 新建页面的流程是先 新建目录,然后在目录下 新建Page(四个文件)
微信小程序数据绑定 setData 改变data中数据的值

image.png

image.png
微信小程序 条件判断 wx:if

条件判断
微信小程序 列表渲染 wx:for

数组数据

展示列表

列表项的默认值取别名