仅供学生学习使用，来源：全栈微信小程序|云开发实践

微信小程序节省流量、节省安装时间、不占用桌面。 APP的大小一般为100M，而小程序的大小则小于4M。 使用小程序不会像APP那样导致手机存储空间不足、下载过多而卡死。 顿等问题。 如图所示，微信小程序开发者工具分为工具栏、模拟器、目录树、代码编辑区和调试器五个部分。

1. 工具栏

包含“个人中心、模拟器、编辑器、调试器、云开发、小程序模式、编译、预览、真机调试、后台切换、清除缓存、上传、版本管理、社区、详情”等15个功能。

（1）个人中心：点击左上角图标，弹出下拉窗口，可以显示社区新闻通知等。

(2)模拟器、编辑器、调试器：控制其在界面中的显示或隐藏，至少需要一个显示。

（3）云开发：使用云开发之前需要先激活云开发。 在左侧工具栏点击“云开发”按钮，打开云控制台，然后按照提示启用云开发并创建云环境。 稍后会详细介绍。

（4）小程序模式：可以在“小程序模式”和“插件模式”之间切换，小程序模式一般在开发小程序时使用。

（5）编译：默认为普通编译，也可以选择“添加编译模式”，让开发者通过不同场景进入特定页面进行条件编译。

（6）预览：分为“扫描二维码预览”和“自动预览”。 扫码预览就是直接用手机扫描二维码，在当前真实设备上预览效果。 自动预览可以在书写时通过绑定的手机实时预览效果。 避免每次都用手机扫描二维码进行预览。

（7）真机调试：这个功能非常实用，尤其是在项目开发和测试阶段，在真机上遇到问题时，可以点击“真机调试”，扫描生成的二维码就会显示在手机和电脑桌面都会弹出调试窗口，这样在手机上运行小程序时，PC端的调试窗口就会实时输出日志信息，帮助开发者排查错误。

（8）切换到后台：点击“切到后台”按钮微信小程序实战开发代码，模拟小程序进入后台的情况。

（9）清除缓存：可以轻松清除工具上的文件缓存、数据缓存以及后台授权数据，方便开发者调试。

（10）上传：将项目上传到微信服务器，用于发布项目。

(11)版本管理：为开发者提供项目版本控制功能。

（12）详细信息：用于查看项目信息、项目配置等。通常，开发小程序时，“不验证合法域名、web-view（企业域名）、TLS版本和证书”选项将在“项目设置”选项中进行选择。

2. 模拟器

模拟器可以模拟小程序在微信客户端的效果，小程序的代码编译后可以直接在模拟器上运行。 在模拟运行时，开发人员可以选择不同的设备、规模和网络状态，或添加自定义项。

在模拟器底部的状态栏中，可以直观地看到当前运行小程序的场景值、当前页面的路径以及页面参数。

3.目录树（资源管理器）

要显示项目的整体结构，右键单击该目录，选择新建页面，页面所需的WXML、WXSS、JS、JSON等文件就会自动生成。

4.代码编辑区

在代码编辑区，可以为当前项目编写代码，还有完善的自动补全功能。 JS文件编辑将帮助开发者完成所有API和相关注释，并提供代码模板支持。 编辑WXML文件时，相关标签和标签中的属性将被直接写出。 同样，编辑JSON文件时，会完成相关配置并给出实时提示。

5.调试器：

调试器分为9个功能模块：、、、、、、Wxml、、、详细内容请参考《附录D微信小程序开发者工具调试器》。