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

单击小程序后的查看详情

选择开发者工具

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

安装开发工具

开启工具单击小程序项目

填好对应信息内容，单击单击

案例文件目录结构

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

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

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

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

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

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

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

手机微信扫描微信二维码

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