微信开发者工具下载 : 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
数组数据
展示列表
列表项的默认值取别名