2.调试：开发后需要调试程序时，需要切换到该区域。调试区域提供了许多工具。

3.项目：您可以在此处上传或预览项目

4.编译：等同于运行项目。

5.关闭：关闭当前项目

6.微信小程序 Web开发工具提供了实时预览功能，该界面的效果将显示在该区域中

7.该区域可以看到整个项目的文档目录结构

8.该区域是编码区域

9.这是选择屏幕尺寸的地方

10.仿真网络环境：2G / 3G / 4G / WiFi

四、调试区域中的六个工具简介：

开发工具在调试区域提供6种调试模式：

4. 1控制台

控制台表示控制台。任何完成开发的人都知道，几乎每个IDE都有一个控制台，该控制台可以显示错误消息并打印变量信息。

4. 2来源

Sources显示当前项目的所有脚本文件，微信小程序框架编译这些脚本文件。

在“源”下还有一个区域。完成软件开发的任何人都知道，通常，控制台将显示一些日志信息，关闭电源调试等。

4. 3网络

顾名思义，网络：该区域显示与网络相关的信息，我暂时没有要求网络。

4. 4存储器

官方解释是在使用wx.setStorage或wx.setStorageSync之后显示当前项目的数据存储情况。这将在以后使用，然后慢慢研究

4. 5 AppData

AppData用于显示当前项目中显示的特定数据，可以在此处编译并在页面上实时显示。