微信web开发者工具如何使用

单击“小程序”后的“查看详情”

单击“开发者工具”

在线下载相对应操作系统版本的安装程序

下载完，双击运行安装，下一步即可

开启软件，单击“小程序项目”

填好对应信息内容，单击“确定”

案例文件目录结构

app.js是微信小程序的脚本代码（必须），能够在此文档中监听并处理微信小程序的生命周期函数、声明全局变量，调用框架提供的非常丰富的API接口。

app.json是对这个微信小程序的全局配置（必须），用于对微信小程序实行全局配置，决定页面文档的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来规定小程序由什么页面构成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是微信小程序的首页。

app.wxss是一整块微信小程序的公共样式表（非必须）。

index.js是页面的脚本文件（必须），在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

index.wxml是页面结构文件（必须）。

index.wxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

在编写配置好后单击真机调试

手机微信扫描微信二维码

自行弹出来调试对话框，根据真机调试可以更好的测试小程序