一. 下载微信官方小程序demo
点击如下的微信小程序的官网链接
https://mp.weixin.qq.com/cgi-bin/wx
在开发支持中有小程序体验DEMO模块, 点击此模块
可以看到有小程序的示例源码, 也可以直接用手机扫该小程序的
点击查看小程序的示例源码, 可以看到已经托管的到了GitHub上.
地址为
https://github.com/wechat-miniprogram/miniprogram-demo.git
使用git clone 把代码下载到本地
下载完成后,选择导入项目.
选择下载项目的目录
打开项目后, 等待编译完成,即可查看到里面的示例.
在开发者工具的中间上方, 可以点击真机调试, 手机微信扫该二维码, 即可用手机调试该小程序.
用手机扫描该二维码后, 会直接弹出控制台,实时显示调试信息.
二. 示例代码的目录结构讲解
在miniprogram目录下, 就有示例的代码
其中page目录下,就是小程序的示例的代码模块.
其中common文件夹下为每一个页面都需要用到的公共的页面. 在实际的页面中, 采用import的方式进行引入
API文件夹下, 接口模块的示例代码
cloud文件夹下为云开发的代码示例
component文件夹下为组件的代码示例