如果您想开发自己的微信小程序或迷你游戏，微信开发者工具是必不可少的，因为某些微信封装方法只能在微信开发者工具上使用，其中一个重要原因是我们必须通过此工具提交代码以供审核。对于微信小程序和迷你游戏的所有开发，学习此工具至关重要。

说实话，对于经历过战斗的老年人或新手来说，此工具非常简单。它可以快速使用，并且是中文。让我们看一下整个界面。

整个编辑器分为四个部分：模拟器，编辑器，调试器和工具栏。下面我们将分别解释每个模块

一、模拟器

模拟器是一种工具，用于使我们的代码实现您所看到的即所获得的。我们编写的代码的效果可以快速显示在左侧界面上。进行过Web开发的朋友也应该很清楚。浏览通过按浏览器上的F12可以达到类似的效果。实际上，微信开发工具本身在一定程度上封装了浏览器，并且我们在使用它时相对友好。该模拟器还可以模拟不同的手机，百分比，网络状态等，极大地方便了我们的开发和测试

二、编辑器

编辑器是每个开发工具必不可少的部分，其功能相似。 微信在开发工具上有添加WXML，WXSS和其他文件的快捷方式，这更加方便。 微信小程序使用ES6该工具的语法确实有点差，并且很多时候无法提示，所以现在很多人将使用WebStorm（最强大的前端开发工具）编写并提交给微信开发工具，当然会有一些Pit，后续将作具体解释，但是微信开发工具目前更新非常快，我希望能快速改善智能提醒的问题

三、Debugger

乍一看，您对这个调试器是否熟悉？按下F12键后，它几乎与浏览器相同，但是微信工具也得到了简化和添加。我们主要看一些差异和另外三个有用的功能

1、存储

存储可以理解为本地存储数据库，我们所需的数据可以通过诸如wx.setStorageSync（'logs'，logs）之类的方法直接进行存储和检索。有时它在开发过程中非常有用，稍后将介绍。具体使用场景

2、AppData

AppData主要存储我们在页面上使用的所有变量。这对于我们的开发和调试非常重要。它可以快速查看每个值的分配并快速定位问题

3、审计

这是一个程序性能分析工具，您可以在开发完成后对其进行测试，以查看我们的程序需要在哪里进行优化，这非常方便

三、工具栏

工具栏为我们提供了一些常用的操作。这里我们仅讨论常用的和一些有用的，

1、预览

单击预览按钮后，我们可以使用背景绑定微信进行扫描，以查看对真实计算机的特定效果，因为毕竟该工具是一个仿真器，在仿真器上没有问题，但是它存在在电话上出现问题的情况很普遍，因此在开发功能之后，我们需要查看对真实机器的影响

2、实机调试

如果在“预览”中发现真实计算机存在问题，可以单击真实计算机进行调试，还可以在手机上查看调试信息，这对我们非常方便调试实际机器问题

3、清除缓存

有时我们可能会使用“存储”或修改页面和样式，但是在渲染时我们仍然使用原始代码。目前，清除缓存是非常必要的操作。

4、上传

上传是在我们完成小程序开发后，单击“上传”，我们的代码将提交给微信进行正式审核。只有通过审核后，其他用户才能在微信中搜索和搜索。请使用我们自己开发的小程序

5、详细信息

在细节上，您可以设置项目的以下信息，主要集中在开发基础库的选择上。版本不应太低或太高。低位教学版本将使许多方法无法使用，而高位教学版本将使许多微信版本降低。较低的用户无法使用您的小程序（当然，您可以进行兼容性处理）；在开发和使用本地服务时，需要选中“不验证本地域名...”，以便小程序可以调用本地服务Up