微信小程序开发者工具的使用

微信小程序开发者工具的使用：登录自己的微信小程序页面,找到工具，下载微信开发者工具。下载好后，扫码登录自己的小程序。在登录的过程中，需要输入自己的小程序的appid。登录好之后就会显示这样的一个页面。

目录结构

从上图的右侧可以很清晰地看出来一个微信小程序的结构，一个微信小程序的页面包括四个文件：

a.“.js”后缀的是脚本文件，主要是写一些业务逻辑的代码，基本和JavaScript一样。（在开发过程中发现一些函数JS有而微信没有，毕竟这是微信自己的一套东西）。

b.“.json”后缀的是配置文件，例如tab的各种属性，实际中每个小页面的使用的并不多，涉及全局配置的app.json使用比较多，app.json中包括决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

c.“.wxml”后缀的是前端显示页面文件，你也可以把它理解为html页面，规则也和html5很类似，还是那句话，并不是完全一样，有些H5实现的东西wxml并不能实现。

d.“wxss”后缀的是样式表文件，类似于css。

以上是每个微信小程序页面的四种基本构成，微信开发者工具会根据这些，编译生成相应的小程序实例。