这个页面很多信息都可以对应到这个项目中的.json，比如名字等。

表演

代理设置在./app/dist///.js中，用户设置（包括后面提到的模拟器设备、网络等信息）是通过调用./app/dist//*.js方法保存的。

菜单

在上面您可以看到我对菜单所做的一些自定义。

菜单设置位于 ./app/dist//menu/menu.js 中，操作位于 ./app/dist///.js 中。您可以检查代码中的文件并进行进一步分析。

设备及网络

如上图所示，我添加了设备和网络类型。

模拟器的设备配置在./app/dist//.js中，网络配置在./app/dist///.js中。

调试工具

调试工具是本节的核心内容。乍一看，它们看起来非常相似。查看源码，原来是借助它来实现的。

其中 、 、 是直接使用的，而 、 、 Wxml 、 、 都是微信自己实现的。

参考这些调试工具，我们制作自己的调试工具就非常简单了。

只需在 ./app/dist/ 目录中创建一个新文件夹并使用

html/css/js 完成了这个工具的功能，接下来介绍.html工具

...()

有趣的是，在这个 0.15 测试版中，有一个名为 .

（熟悉程序的朋友注意：小程序现已支持蓝牙接口。）

上面主要讲的是小程序开发者工具的源码。通过分析源代码，我们可以弄清楚如何设置代理，如何添加模拟器的设备和网络，以及如何开发一个满足我们特定需求的模拟器。

本节主要介绍我们为微信小程序编写的代码是如何变成页面并在用户终端上运行的。

tpl 文件夹下是页面模板。

我们可以分析一下，了解小程序是如何使用WXML、WXSS、JS来生成页面的。

.js

.js是小程序页面运行的核心方法，主要有几个功能：

内置方法定义

微信小程序API封装

模块

总结

如果源码分析只是为了源码分析，我觉得没有必要。在小程序的背景下，源码分析的价值在于：

官方文件不一定与实际情况相符。如果开发过程中遇到不一致的情况，可以查看源码并以此为标准。

熟悉源码结构可以快速定位问题，提高开发效率，甚至开发出适合自己的。

小程序可以认为是前端的一个子集，相对封闭。开发过程中存在各种限制。查阅源码有助于小程序的设计。